Prevent css inherited from parent -

below html code

<ul class="tabs">      <li class="rotate"><a href="#tab1" class = "nororate" >one</a></li>      <li class="rotate"><a href="#tab2" class = "nororate">two</a></li> </ul> 

and below css code

 .rotate {      transform: perspective(5px) rotatex(2deg);  } 

i want rotate li tag not rotate a tag, have tried :not , > prevent a tag rotated failed.

how can this?

you apply this:

.rotate {   transform: rotate(2deg); }  .norotate {   transform: rotate(-2deg); } 

basically should rotate parent element , rotate content in opposite direction return original position.