css中选择器的类型和权重大全

萝らか妹 提交于 2020-03-08 00:43:48

1. 选择器的类型和用法:

1.id选择器:#id{属性:属性值}
2.class选器 : .classname{属性:属性值}
3.类选择器: 标签名{属性:属性值}
4. 特殊选择器:特殊选择器是除了上面三大类选择器之外的选择器,包括:群组选择,包含选择器,子元素选择器,伪类选择器
群组选择器:选择符1,选择符2{属性:属性值}
包含选择器(后代选择器):选择符1 选择符2 {属性:属性值}
子元素选择器:选择符1>选择符2{属性:属性值}
伪类选择器: 标签名:后缀{属性:属性值} 例如: a:link{属性:属性值}

2.选择器的权重比较:

类型选择器:0001
class选择器:0010
id选择器: 0100
子元素选择器:0000
伪类选择器: 0010
内联样式权重: 1000
包含选择器权重:包含的选择符权重值之和
注:通用选择器 用法:{属性:属性值}

*{margn:0;padding:0}
//去除标签之间的间距
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!