css选择器有哪些常见类型

CSS 选择器只是一种搜索元素的方法。
1 1 种类型,满足各种需求。

1 .元素选择器:直接使用标签名称,如p、div、simple、crude等。
2 . 类选择器:添加一个点,例如.highlight,以重复使用类名。
3 . ID选择器:以井号开头,例如标题,并且在页面上只能存在一次。
4 .属性选择器:查找具有特定属性的元素,例如[type="text"]。
5 、后代选择器:使用div p等空格来搜索嵌套元素。
6 、子元素选择器:如果大于ul>li等符号,则只搜索直接子元素。
7 . 相邻兄弟选择器:使用加号,例如h1 + p,查找下一个兄弟。
8 . 通用同级选择器:波形符,如 h1 ~ p。
找到所有处于同一级别的兄弟姐妹。
9 . 伪类选择器:冒号,例如:hover。
搜索元素的特定状态。
1 0.伪元素选择器:双冒号,如::before。
搜索元素的虚拟部分。
1 1 . 通配符选择器:星号(如 )匹配所有元素,用于重置默认样式。

如果使用得当,效率会很高。
如果使用不当,您的计算机将会变得疲倦。

css的基本选择器有哪几种

基本 CSS 选择器:标签、类、ID。

标签选择器:匹配标签名称,全局匹配。
示例:p{背景颜色:红色}。
它在1 0年前被广泛使用,但灵活性较低。

类选择器:对应类属性。
.哈哈{背景:蓝色}。
可重复使用并支持多个类。
常用于企业级项目,5 -6 年前推广。

ID选择器:对应唯一的ID。
呵呵{背景:蓝色}。
保证是唯一的并且适用于特定元素。
官网规范推荐,3 年前强制。

优先级:内联>id>类>标签。
2 009 W3 C 标准。

操作提醒:优先使用类,避免ID误用。

css派生选择器、子元素选择器、相邻兄弟选择器

派生选择器:选择所有子元素,例如
中的所有

元素。

子元素选择器:仅选择直接子元素,例如

直接选择



相邻兄弟选择器:选择彼此相邻的兄弟,例如

旁边的



后继同级选择器:选择所有后续同级,例如
之后的每个



经验来讲,根据自己的需要来选择,不要乱用。
你自己掂量一下吧。

相关文章
jquery中不包含什么选择器
2026-04-07 01:05:17 浏览:6
html内边距怎么设置
2026-04-17 23:42:08 浏览:1
jquery使用ajax
2026-04-12 14:34:14 浏览:3
手机怎么新建一个html文件
2026-05-11 09:00:04 浏览:1
html中font-size什么意思
2026-04-08 14:10:20 浏览:4
css字体样式设置
2026-03-30 23:49:02 浏览:2