title: How to apply transform only in the parent element?
body: <p>I have HTML</p>
  
  <pre><code>&lt;div id="mydiv" style="color: white; height: 1080px; width: 1920px; transform: translate(-27px, -323px) scale(0.972, 0.401);"&gt;
      &lt;div class="player_controls"&gt;
          &lt;a class="right carousel-control" href="#" data-slide="next"&gt;&lt;span class="glyphicon glyphicon-chevron-right"&gt;&lt;/span&gt;&lt;/a&gt; 
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This code contains the </p>
  
  <pre><code>transform: translate(-27px, -323px) scale(0.972, 0.401);
  </code></pre>
  
  <p>which apply to child element player_controls,a tags.</p>
  
  <p>So can do something like not affect the child element?</p>
  
  <p>I tried to remove transform from player_controls</p>
  
  <pre><code>#mydiv .player_controls{transform:''}
  </code></pre>