一个类中的多个标签

Question

如何将css样式同时应用于类中的HTML标记，而不是每次都重复使用类名。

.container h1,.container p,.container a,.container ol,.container ul,.container li,
.container fieldset,.container form,.container label,.container legend,
.container table {
  some css rules here
}

如何减少重复的班级名称？

Answer 1

就纯CSS来说，你无法减少你当前的选择器。

您可能需要查看LESS或SASS这样做。

另外，我只是阅读你的选择器，好像你几乎涵盖了每个标签，所以如果你想要为每个标签定位一些属性，那么用CSS做的最好就是使用*选择器（通用选择器），它将匹配嵌套在class .container

的元素下的任何类型的元素

.container * {
   /* Styles goes here */
}

除上述内容外，某些属性仍由其父级的少数子元素继承，例如font-size，color，font-family等。

所以你不需要为每个人写那些，因为我看到你使用的.container ul, .container li对我来说没什么用。

Answer 2

使用LESS。看起来会像这样。

.container {
    h1, p, a, ol, ul, li, fieldset, form, label, legend, table {
        your styles here
    }
}

否则，你是SOL。遗憾。