选择器:
div{
font-size:16px;
color:blue;
}
这里的div就是选择器。
选择器具体有3种:
a、标签选择器
b、类选择器
c、ID选择器
----------------------------------分割线---------------------------------------
a、标签选择器
顾名思义就是html的标签就是选择器了:
div{
font-size:16px;
color:blue;
}
div h1 p ul li ol.....等都可以做标签选择器。
----------------------------------分割线-------------------------------------------------
b、类选择器
类选择器在使用前,要在html里的元素添加属性class="name"(name是随便取的名字)
属性class可以重复使用。
在css文件里的书写:
.name {
font-size:16px;
color:blue;
}
----------------------------------分割线-------------------------------------------------
c、ID选择器
ID选择器在使用前,要在html里的元素添加属性id="usename"(usename是随便取的名字)
属性id是唯一,同一个html文件里,不能出现多个一样的id。
在css文件里的书写:
usename {
font-size:16px;
color:blue;
}
----------------------------------分割线-------------------------------------------------
优先级:行内样式>id选择器>class选择器>标签选择器
如果换算成值:
id选择器:无限大
类选择器:100
标签选择器:1
----------------------------------分割线-------------------------------------------------
如果对两个不同名的的元素添加相同的属性,可以使用群组选择器。
例如:
div , .name, #usename {
font-size:16px;
color:blue;
}
中间使用逗号“,”隔开,这样不同的选择器就可以赋予相同的属性了。