首页 > 代码库 > CSS选择器详解

CSS选择器详解

选择器是css学习中非常重要的概念,今天和大家分享的就是css选择器的使用,一起来看看吧。


HTML标记定义


<p>...</p>
p { 属性:属性值 ;属性1:属性值1 }
p可以叫做选择器,定义那个标记中的内容执行其中的样式
一个选择器可以控制若干个样式属性,他们之间需要用英语的“;”隔开,最后一个可以不应加“;”


Class定义


<p>...</p>
class定义是以“.”开始
.p { 属性:属性值 ;属性1:属性值1 }


ID定义


<p id="p">...</p>
ID定义是“#”开始的
#p { 属性:属性值 ;属性1:属性值1 }


优先级问题


1.ID>Class>HTML
2.同级时选择离元素最近的一个的
#p { color: red }
#p { color: #f60 }
执行颜色为#f60的


组合选择器(同时控制多个元素)


h1,h2,h3 { font-size: 14px; color: red; }
选择器组合可以使用“,”隔开


伪元素选择器


1.a:link
正常连接的样式
2.a:hover
鼠标放上去的样式
3.a:active
选择链接时的样式
4.a:visited
已经访问过的链接的样式

 

文章来源:麦子学院

原文链接:http://www.maiziedu.com/wiki/css/selector/

CSS选择器详解