CSS样式与选择器详解
本文介绍了CSS样式的优先级及四种通用属性(id、class、name、style)，详细讲解了六种选择器(HTML选择器、类选择器、ID选择器、关联选择器、组合选择器、伪元素选择器)的使用方法，并强调了在同一CSS文件中不同选择器的优先级。
一，样式关联的优先级
内联式> 内嵌式>外链式
二,4个属性可以在所有的html标签中使用
1,id 2,class 3,name 4,style
三,注释
/*这里是注释*/
四,六种选择器
1,HTML选择器
2,类选择器 class
3,ID选择器
4,关联选择器 : 比如标签的父子关系(div p之间以空格分割)
5,组合选择器 : div,p 之间以逗号分割多个样式选择器
6,伪元素选择器 :同一个html标签的状态不一样 比如css中只有<a href=""/> 和p标签的第一个字和第一行符合这个伪元素的条件
:hover必须放在:link和:visited之后才能生效, :avctive必须放在:hover之后才能生效
同一个css文件中优先级排名:ID选择器>HTML选择器
内联式> 内嵌式>外链式
二,4个属性可以在所有的html标签中使用
1,id 2,class 3,name 4,style
三,注释
/*这里是注释*/
四,六种选择器
1,HTML选择器
2,类选择器 class
3,ID选择器
4,关联选择器 : 比如标签的父子关系(div p之间以空格分割)
5,组合选择器 : div,p 之间以逗号分割多个样式选择器
6,伪元素选择器 :同一个html标签的状态不一样 比如css中只有<a href=""/> 和p标签的第一个字和第一行符合这个伪元素的条件
:hover必须放在:link和:visited之后才能生效, :avctive必须放在:hover之后才能生效
同一个css文件中优先级排名:ID选择器>HTML选择器
扫一扫
254
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
