css基础选择器有哪些
css基础选择器有哪些（熟记）
一、选择器作用：规范了页面中哪些元素能够定义好样式，同时也能帮助我们去 二、选择器分类
1. 通用选择器（只能放在样式表）
1. 作用：匹配页面上的所有元素
2. 语法：*
3. *{
属性:属性值；
}2. 元素择器
1. 作用：匹配页面上某个元素的样式
2. 语法：
3. 元素名{
属性:属性值；
}
3. 类选择器
1、作用：允许元素使用标签附带的class属性进行引用样式声明
2、特点：他是一段公共样式，谁想用，谁过来引用即可
3、语法：
.类名{
属性名:属性值；
}
4.注意：
1、类名不能以数字开头
2、类名不能包含特殊字符（？！- %）
5.特殊用法-分类选择器
1、作用：将元素选择器和类选择器结合在一起，从而实现对某种元素的不同样式的细分控制
2、语法：
元素选择器.类选择器{
样式声明；
}
6.特殊引用-多类选择器
1、作用：可以让一个元素同时引用多个类选择器，中间用空格隔开
2、语法：
<p class=“类名1 类名2 类名3”></p>
4. id选择器（专属定制效果，为了元素精准匹配）
1、作用：实现专属定制效果，为了元素精准匹配，只匹配指定ID值的元素
2、语法：
#id{
样式声明；
}
5. 群组选择器 1、选择器声明以逗号隔开的选择器列表，其目的是为了声明一组选择器的公共样式 2、语法： 选择器1,选择器2,选择器3,选择器4,{ 样式声明； }
6. 后代选择器
- 作用：用于匹配某元素的后代元素的样式 后代：一级或者多余一级的父子（层级）关系 注意：后代选择器之间用空格隔开 2. 语法： 选择器1 选择器2{ 样式声明； }
7. 子代选择器
1、作用：用于匹配某元素的子代元素，能够实现更精准的元素定位 2、语法： 选择器1>选择器2{ 样式声明； } 3、注意：子代选择器之间用大于号隔开
8. 伪类选择器 1、作用：匹配元素不同状态是的样式 2、语法： 选择器:伪类名称{ 样式声明 } 3、分类 1、链接伪类（只适用于超链接） 1、:link 匹配超链接未被访问时的状态 2、:visited 匹配超链接访问后的显示状态 2、动态伪类 1、:hover 匹配鼠标悬停在元素上的状态 2、:active 匹配元素被激活时的状态(多用于a标签) 3、:focus 匹配元素获取焦点时的状态（多用于文本框、密码框、多行文本域）
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/234868.html原文链接：https://javaforall.cn
腾讯云开发者
