CSS属性选择器中的两个值
如何在属性选择器中针对两个值而不使用重复的css选择器 这是一个:CSS属性选择器中的两个值,css,css-selectors,attributes,Css,Css Selectors,Attributes,如何在属性选择器中针对两个值而不使用重复的css选择器 这是一个: a[href^="mailto"]:after { content: ""; } 这就是我需要的(这个例子不起作用): 像这样: a[href^="mailto"]:after, a|href^="http"]:after { content: ""; } 因此,如果没有重复的css选择器,这是不可能的?我不这样认为,因为您试图针对两个不同的元素,您需要两个选择器。除非您想使用Sass,否则您
a[href^="mailto"]:after {
content: "";
}
这就是我需要的(这个例子不起作用):
像这样:
a[href^="mailto"]:after,
a|href^="http"]:after {
content: "";
}
因此,如果没有重复的css选择器,这是不可能的?我不这样认为,因为您试图针对两个不同的元素,您需要两个选择器。除非您想使用Sass,否则您可以使用
@each
:
a[href^="mailto"]:after,
a|href^="http"]:after {
content: "";
}