CSS 的基本选择器用于匹配 HTML 文档中的元素，包括：类型选择器（匹配元素名）；类选择器（匹配类名）；ID 选择器（匹配 ID）；后代选择器（匹配祖先元素内的后代元素）；子元素选择器（匹配直接子元素）；相邻兄弟选择器（匹配直接相邻的兄弟元素）；通用兄弟选择器（匹配所有兄弟元素）；属性选择器（匹配具有指定属性的元素）。
CSS 的基本选择器
CSS 中的基本选择器用于匹配 HTML 文档中的元素。通过使用这些选择器，可以指定特定元素的样式。
类型选择器
element：匹配带有指定元素名的所有元素，例如 p 表示所有段落。
类选择器
立即学习“前端免费学习笔记（深入）”；
.class-name：匹配具有指定类名的所有元素，例如 .example 表示所有带有 example 类的元素。
ID 选择器
#id-name：匹配具有指定 ID 的单个元素，例如 #header 表示带有 header ID 的元素。
后代选择器
ancestor descendant：匹配位于祖先元素内的后代元素，例如 ul li 表示所有位于 ul 元素内的 li 元素。
子元素选择器
parent > child：匹配作为父元素直接子元素的子元素，例如 div > p 表示所有直接位于 div 元素内的 p 元素。
相邻兄弟选择器
element + adjacent：匹配直接出现在指定元素之后的相邻元素，例如 p + h2 表示所有直接位于 p 元素之后的 h2 元素。
通用兄弟选择器
element ~ sibling：匹配所有出现在指定元素之后的兄弟元素，包括相邻元素和更远的元素，例如 h1 ~ p 表示所有位于 h1 元素之后的 p 元素。
属性选择器
[attribute]：匹配具有指定属性的元素，例如 [href] 表示所有具有 href 属性的元素。[attribute=value]：匹配具有指定属性并具有指定值的元素，例如 [href="example.com"] 表示所有 href 属性值为 “example.com” 的元素。
以上就是css的基本选择器有哪些的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1628678.html
微信扫一扫 
支付宝扫一扫 
