CSS 中的常用选取器

qzmjef

常用三种选取器

标签选取器

p{

color: red;

}

id选取器

id独一性)

id命名：数字、字母、下划线、中划线（-），不

能用数字开头

#p_1{

font-size: 30px;

color: yellowgreen;

}

class选取器

.p_2{

font-weight: bold;

color: yellow;

}

三种选取器的优先级：

id 选取器>class 选取器>标签选取器

后代选取器 只要包括该标签对象就可

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;

}