Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.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 - Fatal编程技术网

在CSS中的类名后指定类型选择器

在CSS中的类名后指定类型选择器,css,css-selectors,Css,Css Selectors,是否可以在类名之后添加HTML元素选择器 因此,不是: a.class {color: pink;} 反过来说: .class?a {color: pink;} 不,该语法不存在。你想用它做什么 下面是通过CSS3的CSS选择器选项的完整列表:不,该语法不存在。你想用它做什么 下面是CSS选择器选项的完整列表,通过CSS3:不,简单的选择器总是以类型选择器或通用选择器开始。换句话说,您不能让类型选择器(例如a)跟随类选择器 关于选择器的语法(添加了强调): 选择器是一个由一个或多个选择器组

是否可以在类名之后添加HTML元素选择器

因此,不是:

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想通过将类定义分组在一起而不是元素定义来整理他的代码。而不是做