Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS属性选择器中的两个值_Css_Css Selectors_Attributes - Fatal编程技术网

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,否则您

如何在属性选择器中针对两个值而不使用重复的css选择器

这是一个:

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: "";
}