常用的css选择符有:类型选择符(标签选择符)、id选择符、类选择符(class选择符)、群组选择符、包含选择符(子代选择器/后代选择器)、伪类选择器以及通配符,共7种(括号里是表示不同类型的叫法)。
1、通配符主要是用来清除整个页面的内间距和外间距,具体用在margin:0;padding:0;
2、伪类选择符主要有link、visitied、hover和active。常用到是hover,表示鼠标滑过时链接显示的状态。当想要使用其他选择符时按顺序填写。
父元素 子元素{属性:属性值;},eg: #banner .first{color: red;}。常用在寻找不同id下相同类名的元素。
4、群组选择符:以逗号分隔形势,把多个萱蕚器组成一组,给整组添加样式。用来给不同类名下赋予相同的属性值。节约代码量
5、类选择符(class选择符):<标签 class="名称"></标签>(可以命名多个,但必须用空格隔开)用类名写样式: .名称{属性:属性值;}。一个元素可以有多个类型,类名可以重复出现,可以制定一类样式。
6、id选择符:<标签 id="名称"></标签>,用名字写样式: #名字{ 属性:属性值}具备唯一性。同一个页面,一个id只能有一个,常用来划分网页外围结构(用来包裹住版心。是网页中一个版块的整体)。
7、类型选择符(标签选择符):所有html标签可以直接当做选择符应用例如:div/p/em/i/b/strong....特点:能选中当前结构里全部同名标签应用:想统一某一个标签样式的时候或者是清除某个标签默认样式的时候。
在这7种类型的选择符中,他们的权重是不一样的。
四个数字表示权重:
内联样式表 ——1000
id —— 100
class ——10
标签 —— 1
伪类选择符 —— 10
通配符 —— 0
包含选择符的权重为权重之和!eg: #box div{} 100 + 1 = 101&&.wrap .con .p{} 10 + 10 + 1 = 21。
大致是:id > class/伪类 > 标签。。若要使标签选择符大于clss选择符或伪类选择符时可以用!important进行声明,!important 权重是最高的