在CSS中的类名后指定类型选择器
是否可以在类名之后添加HTML元素选择器 因此,不是:在CSS中的类名后指定类型选择器,css,css-selectors,Css,Css Selectors,是否可以在类名之后添加HTML元素选择器 因此,不是: a.class {color: pink;} 反过来说: .class?a {color: pink;} 不,该语法不存在。你想用它做什么 下面是通过CSS3的CSS选择器选项的完整列表:不,该语法不存在。你想用它做什么 下面是CSS选择器选项的完整列表,通过CSS3:不,简单的选择器总是以类型选择器或通用选择器开始。换句话说,您不能让类型选择器(例如a)跟随类选择器 关于选择器的语法(添加了强调): 选择器是一个由一个或多个选择器组
a.class {color: pink;}
反过来说:
.class?a {color: pink;}
不,该语法不存在。你想用它做什么
下面是通过CSS3的CSS选择器选项的完整列表:不,该语法不存在。你想用它做什么
下面是CSS选择器选项的完整列表,通过CSS3:不,简单的选择器总是以类型选择器或通用选择器开始。换句话说,您不能让类型选择器(例如
a
)跟随类选择器
关于选择器的语法(添加了强调):
选择器是一个由一个或多个选择器组成的链,由多个选择器分隔。一个可以附加到选择器中的最后一个简单选择器序列
序列是一系列简单的选择器,它们之间没有分隔它总是以或通用选择器开头。序列中不允许使用其他类型选择器或通用选择器
为了澄清最后一点,在诸如.class
(这意味着.class
相当于*.class
)的情况下暗示了通用选择器的存在
如果由*
表示的通用选择器(即,不带名称空间前缀)不是唯一的组件,或者后面紧跟着伪元素,则可以省略*
,并暗示通用选择器的存在
不,简单选择器总是以类型选择器或通用选择器开始。换句话说,您不能让类型选择器(例如
a
)跟随类选择器
关于选择器的语法(添加了强调):
选择器是一个由一个或多个选择器组成的链,由多个选择器分隔。一个可以附加到选择器中的最后一个简单选择器序列
序列是一系列简单的选择器,它们之间没有分隔它总是以或通用选择器开头。序列中不允许使用其他类型选择器或通用选择器
为了澄清最后一点,在诸如.class
(这意味着.class
相当于*.class
)的情况下暗示了通用选择器的存在
如果由*
表示的通用选择器(即,不带名称空间前缀)不是唯一的组件,或者后面紧跟着伪元素,则可以省略*
,并暗示通用选择器的存在
CSS语法规定首先是元素,然后是其他标识符(id、类、属性)。
然而,有一种方法可以用反向符号来写,但是CSS会更长
对于Firefox4+
:-mozany(selector1、selector2等)
对于Chrome 15+、Safari 5+、Opera 15+
:-webkit-any()
IE/Edge没有支持。
新的规范将是::matches()
,这是任何浏览器都不支持的。
:not()
:使用此选项,您可以选择要忽略的元素
:非(div)
要忽略多个元素,您需要多次使用
:not
::非(div):非(span)
查看此演示:
.one{背景色:绿色;}
.two{背景色:蓝色;}
/*必须为每个供应商分别编写匹配选择器*/
/*如果使用逗号,浏览器将忽略整个规则*/
.1:-moz any(a){
背景色:红色;颜色:白色;
}
.1:-webkit任何(a){
背景色:红色;颜色:白色;
}
.2:非(部门){
背景色:橙色;颜色:绿色;
}
1
二
链接
link2
CSS语法规定首先是元素,然后是其他标识符(id、类、属性)。然而,有一种方法可以用反向符号来写,但是CSS会更长
对于Firefox4+
:-mozany(selector1、selector2等)
对于Chrome 15+、Safari 5+、Opera 15+
:-webkit-any()
IE/Edge没有支持。
新的规范将是::matches()
,这是任何浏览器都不支持的。
:not()
:使用此选项,您可以选择要忽略的元素
:非(div)
要忽略多个元素,您需要多次使用
:not
::非(div):非(span)
查看此演示:
.one{背景色:绿色;}
.two{背景色:蓝色;}
/*必须为每个供应商分别编写匹配选择器*/
/*如果使用逗号,浏览器将忽略整个规则*/
.1:-moz any(a){
背景色:红色;颜色:白色;
}
.1:-webkit任何(a){
背景色:红色;颜色:白色;
}
.2:非(部门){
背景色:橙色;颜色:绿色;
}
1
二
链接
link2
.class a{…}
但它将是的子级的
的选择器。class@Banzay这将选择子类的任何链接。不,没有办法。你为什么要这样?阿尔瓦罗,你为什么需要这样的符号?我假设OP想通过将类定义分组在一起而不是元素定义来整理他的代码。您可以(假设)执行myClass?a{}myClass?div{}
等。而不是执行a.myClass{}div.myClass{}
,但它将是的子级
的选择器。class@Banzay这将选择子类的任何链接。不,没有办法。你为什么要这样?阿尔瓦罗,你为什么需要这样的符号?我假设OP想通过将类定义分组在一起而不是元素定义来整理他的代码。而不是做