1、css常用选择器的学习:
1、元素选择器:
作用:根据标签名来选择;语法:标签名{} ;例子:p{}、h{}
2、id选择器:
作用:根据元素id属性值选择;语法:#id值{}
3、类选择器:
作用:通过类名来选择;语法:.类名{}
4、通配选择器:
作用:所有的元素都被选择;语法:*{}
<head>
<title></title>
<style>
p{
color: red;
}
#abc{
font-size:30px;
}
.test{
color:tomato;
}
*{
color:blue;
}
</style>
</head>
2、复合选择器的学习
1、交集选择器:
作用:选中同时符合多个条件的元素;语法:选择器1选择器2选择器3{} ;注意:如果有元素选择器,要把元素选择器放在开头
/* 把满足既是div,又是class为red的字体变为30px */
div.red{
color: red;
font-size: 30px;
}
2、选择器分组(并集选择器):
作用:同时选择多个选择器对应的元素;语法:选择器1,选择器2,选择器3{} 注意中间是用逗号
p,h1,div.red{
font-size: 60px;
}