选择器是必须掌握的内容
1.元素选择器
元素名(标签名){键1:值1;键2:值2;......键n:值n}
元素选择器的特点,所有该元素名的元素都受该效果影响
p{
color:#330066;
font-size: 40px;
}
b{
color:#00FF00;
font-size: 40px;
font-weight:lighter
}
2.id选择器
#id名{键1:值1;键2:值2;......键n:值n}
id选择器的特点 专门针对该id的元素进行css样式控制,并且一个页面id尽量只有一个。
#p1{
color:#CC6666
}
3.包含选择器
父标签 子标签{键1:值1;键2:值2;......键n:值n}
div span{
color:#0000FF
}
#div1 span{
color:#0000FF
}
4.类选择器
.class名{键1:值1;键2:值2;......键n:值n}
.a{
font-size:40px;
color:#FF0000
}
1.元素选择器
元素名(标签名){键1:值1;键2:值2;......键n:值n}
元素选择器的特点,所有该元素名的元素都受该效果影响
p{
color:#330066;
font-size: 40px;
}
b{
color:#00FF00;
font-size: 40px;
font-weight:lighter
}
2.id选择器
#id名{键1:值1;键2:值2;......键n:值n}
id选择器的特点 专门针对该id的元素进行css样式控制,并且一个页面id尽量只有一个。
#p1{
color:#CC6666
}
3.包含选择器
父标签 子标签{键1:值1;键2:值2;......键n:值n}
div span{
color:#0000FF
}
#div1 span{
color:#0000FF
}
4.类选择器
.class名{键1:值1;键2:值2;......键n:值n}
.a{
font-size:40px;
color:#FF0000
}