title: Change css classes for specified id only
body: <p>I try to override some basic classes of complex control (dxList) DevExtreme, and it's work fine.</p>
  
  <pre><code>.dx-loadpanel-content {
      transform: translate(0px, 0px) !important;
      margin: auto !important;
      left: 0px !important;
      top: 0px !important;
      position: absolute !important;
  }
  
  .dx-scrollview-loadpanel {
      transform: translate(0px, 0px) !important;
      margin: auto !important;
      left: 50% !important;
      top: 50% !important;
      position: absolute !important;
  }
  </code></pre>
  
  <p>but it's not good idea for me, because this classes are already used on different html pages.</p>
  
  <p>I want override this classes only for specified dxList by some id.
  Like this:</p>
  
  <pre><code>#activitiesList .dx-loadpanel-content {
      transform: translate(0px, 0px) !important;
      margin: auto !important;
      left: 0px !important;
      top: 0px !important;
      position: absolute !important;
  }
  
  #activitiesList .dx-scrollview-loadpanel {
      transform: translate(0px, 0px) !important;
      margin: auto !important;
      left: 50% !important;
      top: 50% !important;
      position: absolute !important;
  }
  </code></pre>
  
  <p>but it takes no effect. whats wrong?</p>