Question

是否可以在Css中将自定义规则设为@media 我有一个父类，需要根据这个类进行更改

    <div class="parentGreen"> 
          <ul class="ul1">
            <li>1</li>
            <li>2</li>
         </ul>
         <ul class="ul2">
           <li>1</li>
          <li>2</li>
       </ul>
</div>

所以当我改变parentGreen时，他们的css中的项也会改变

@parentGreen{
    ul{
direction: ltr
}
}

@parentYellow{
  ul{
direction: rtl;
margin:10px;
}
}

Answer 1

此链接上的编译版本是您想要的。

你听说少吗？尝试搜索一下。 Less是创建嵌套css的更好选择。你可以这样写：

.parent {
    .child1 {
      color: blue;
    }
    .child2 {
      color: blue;
    }
}

Look this link.

Answer 2

这应该有用......

.parentGreen ul {
    direction: ltr
}

.parentYellow ul {
    direction: rtl;
    margin:10px;
}

制作自定义css规则

2 个答案: