
CSS 中的常用选择器
常用三种选择器
标签选择器
p{
color: red;
}id选择器
id:(唯一性)
id命名:数字、字母、下划线、中划线(-),不能用数字开头
#p_1{
font-size: 30px;
color: yellowgreen;
}class选择器
.p_2{
font-weight: bold;
color: yellow;
}三种选择器的优先级:
id 选择器>class 选择器>标签选择器
权重 100 10 1
CSS 中其他选择器
后代选择器 只要包含该标签对象即可
div span{
font-size: 27px;
font-family: 宋体;
color: red;
}子选择器 直系子标签
div>span{
color: red;
}兄弟选择器 只会改变下面相邻的元素对象
#p_1+p{
color: green;
}兄弟选择器 后面所有的兄弟对象都会改变
#p_1~p{
color: red;
font-size: 30px;
}伪类选择器
a:hover{
color: red;
}感谢~
2万+

被折叠的 条评论
为什么被折叠?



