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派生选择器、子元素选择器、相邻兄弟选择器

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

元素。

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

直接选择



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

旁边的



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



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

相关文章
access中sql语句例子
2026-03-14 02:54:59 浏览:1
零基础打造静态网页:HTML+CSS实用教程
2024-12-13 16:04:53 浏览:10
css 边框
2026-01-07 03:32:22 浏览:9
html怎么设置标题字体
2026-01-26 10:38:02 浏览:3
动态圣诞树html编程代码简便
2026-03-08 16:09:59 浏览:2