css类选择器，用什么表示子代选择器_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 1:42:54 共计：3561 浏览

CSS3中的关系选择器主要包括子代选择器和兄弟选择器，其中子代选择器由符号连接，兄弟选择器由符号“+”和“~”连接，具体如下所示。

（1）关系选择器

例如： h1>strong

说明：表示选择嵌套在h1标记的子标记strong。

（2）临近兄弟选择器

例如： h2+p

说明：表示选择h2标记后紧邻的第一个兄弟标记p。

（3）普通兄弟选择器

例如：p~h2

说明：表示选择p标记所有的h2兄弟标记

css选择器优先级核心：每个选择器本身有优先级，作用范围越具体优先级越高。

CSS优先级从高到低分别是：

1.在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。

2.作为style属性写在元素标签上的内联样式

3.id选择器

4.类选择器

5.伪类选择器

6.属性选择器

7.标签选择器

8.通配符选择器

9.浏览器选择器

当CSS样式的规则由多个选择器组成时，id选择器的权值为1000，class选择器为100，标签选择器为10，按权值求和的记过高低决定哪个优先。当两个css规则的权值相同时，谁更具体用谁，也就是权值高的选择器作用的越具体优先级越高。当两个选择器规则和权值都是一样，后面样式会覆盖前面的！

head img 选择器：就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。

CSS的选择器分为两大类：基本选择题和扩展选择器。

基本选择器：

标签选择器：针对一类标签

ID选择器：针对某一个特定的标签使用

类选择器：针对你想要的所有标签使用

通用选择器（通配符）：针对所有的标签都适用（不建议使用）

不能

??具体如下：

左边是选择器首字符，右边是选择器后面的字符

首字符支持的字符类型是a～z、A～Z、下划线（_）以及非ASCII字符（中文、全角字符等）

后面的字符支持的字符类型是a～z、A～Z、0～9、下划线（_）、短横线（-）以及非ASCII字符

可以直接以短横线开头，如果是一根短横线（-），那么短橫线后面必须有其他字符、字母或下划线或者其他编码字符；如果是连续两根短横线（–），则它的后面不跟任何字符也是合法的。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。