防止从父

Question

以下是我的HTML代码

<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>

以下是css代码

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

我想仅轮播li代码而不是轮播a代码，我尝试:not和>以阻止a代码轮换，但失败。

我该怎么做？

Answer 1

您可以应用以下内容：

var_dump($_SERVER);

基本上你应该做的是旋转父元素，然后以相反的方向旋转内容，使其返回原始位置。

Answer 2

类似的东西？演示在JSfiddle中

http://jsfiddle.net/v82g9f79/2/

.rotate {
    position: relative;
    width: 90px;
    height: 70px;
}
.rotate:after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    background: #0D6385;
    z-index:-1;
}
.nororate {
    position: absolute;
    top: 30px;
    left: 50px;
    width: 50px;
    height: 50px;
}
li {
    display:block;
    float:left;

}