Html 如何在css文件中添加父类？

如何在css文件中添加父类

sourcse css

.pagination {
   font-size: 10px
}
a {
   font-size: 30px
}
...............

得到这样的东西

.parent-class {
   .pagination {
        font-size: 10px
   }
   a {
     font-size: 30px
   }
   ...............
}

---

它应该很多，它将自动包装您拥有的结构是

sass

/

scss

/

less

在

css

中，您可以这样做：-

.parent-class .pagination {
        font-size: 10px
}
.parent-class a {
     font-size: 30px
}
...............

---

一旦编译了

sass

/

scss

/

less

，它就会生成上面的

css

结构。

根据我的说法，普通css是不可能的， 你必须少用…
使用单独的类，以便可以在任何地方重复

---

无论如何，

的CSS将适用于任何地方，唯一剩下的是.pagination类，所以只要应用就可以了，如果下面的HTML代码是您想要的

.parent-class .pagination{
   font-size: 10px
}
.parent-class .pagination > a {
   font-size: 30px
}

<div class="parent-class">
    <div class="pagination"></div>
    <a>Example with font-size 30px</a>
</div>

注意：在这种情况下，带有.pagination类和“a”-标记的div的位置并不重要。它们将受到您定义的CSS规则的影响，无论它们位于.parent类div中的何处
如果希望选择器仅在子元素是此元素的直接后代时匹配子元素，则需要类似以下内容：

.parent-class { /* define parent class properties here */ }
/* '>' selects all elements with .pagination class, which have a parent element with class .parent-class */
.parent-class > .pagination {
    font-size: 10px
 }
 .parent-class > a {
    font-size: 30px
 }
 ...............

试试这个：

.parent-class .pagination {
    font-size: 10px
}
.parent-class .pagination a{
    font-size: 30px
}

---

a

不在

.pagination

.parent类内。pagination

表示既有.parent类又有.pagination类的元素，正确的方法是选择具有.pagination且也是.parent类的子元素的所有元素：

.parent类.pagination

：）是的，您是对的，我没有充分查看我的帖子，谢谢：）

.parent-class .pagination {
    font-size: 10px
}
.parent-class .pagination a{
    font-size: 30px
}