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

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}
//去除标签之间的间距
发布了15 篇原创文章 · 获赞 14 · 访问量 270

猜你喜欢

转载自blog.csdn.net/jdsfui/article/details/104719839
今日推荐