制定自定义CSS规则

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

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

您听到的少了吗？ 尝试搜索一下。 少是创建嵌套CSS的更好选择。 您可以这样写：

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

看这个链接。

Answer 2

这应该工作...

.parentGreen ul {
    direction: ltr
}

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