css具有相同内容的组元素

Question

我有多个具有相同类名的CSS表。我想将具有相同类的元素与正确的类组合到我的<div>元素中，而不是在每个元素中添加.example，ei：

CSS：

 .example input{...}
    .example textarea{...}
    .example a{...}
    .example div{...}

我不想为每个元素重复.example。

 .example{
        input{...}
        textarea{...}
        a{...}
        div{...}
     }

这可能吗？

Answer 1

这是不可能的。您必须在孩子面前告诉浏览器父母。但是，有一件事可能会有所帮助，如果您将相同的样式应用于每个子元素，那么您可以使用.example *来定位.example节点的每个子元素。

如果你不想瞄准所有东西（即你需要按照风格而不是段落制作锚点），那么你需要长时间做。

.example a, 
.example input, 
.example textarea,
.example div,
/*Whatever else you need specifically*/ {}

Answer 2

这样做：

input, textarea, a, div {...}

然后

input{...}
textarea{...}
a{...}
div{...}