大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全家桶1年46,售后保障稳定
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
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...