css将具有相同内容的元素分组
我有多个具有相同类名的CSS表。我希望将具有相同类的元素分组,以便与正确的类一起使用到我的css将具有相同内容的元素分组,css,Css,我有多个具有相同类名的CSS表。我希望将具有相同类的元素分组,以便与正确的类一起使用到我的元素中,而不是在每个元素中添加。示例,ei: CSS: 我不想对每个元素重复。示例 .example{ input{...} textarea{...} a{...} div{...} } 这可能吗?这是不可能的。您必须先告诉浏览器父对象,然后再告诉子对象。不过,有一件事可能会有所帮助,那就是如果您对每个子元素应用相同的样式,那么
元素中,而不是在每个元素中添加。示例,ei:
CSS:
我不想对每个元素重复。示例
.example{
input{...}
textarea{...}
a{...}
div{...}
}
这可能吗?这是不可能的。您必须先告诉浏览器父对象,然后再告诉子对象。不过,有一件事可能会有所帮助,那就是如果您对每个子元素应用相同的样式,那么您可以使用.example*
,它将针对.example
节点的每个子元素
如果您不想针对所有内容(即,您需要使锚点遵循样式,而不是段落),那么您需要进行长时间的操作
.example a,
.example input,
.example textarea,
.example div,
/*Whatever else you need specifically*/ {}
像这样做:
input, textarea, a, div {...}
然后
input{...}
textarea{...}
a{...}
div{...}
这不仅针对.example
子元素,而且针对页面上的所有元素。OP仍然需要.example input,.example textarea
…我的问题是我需要将每个元素的示例添加到扩展样式中。css,你有其他想法吗?我需要在不同的样式表中使用相同名称的单独类,如果第一个css用于模板,第二个用于原始问题的插件,听起来好像你不想添加类。那么你怎么知道这些元素是相关的呢?
input{...}
textarea{...}
a{...}
div{...}