Html 之CSS样式选择器
HTML标记定义
<p>...</p> p { 属性:属性值 ;属性1:属性值1 } p可以叫做选择器,定义那个标记中的内容执行其中的样式 一个选择器可以控制若干个样式属性,他们之间需要用英语的“;”隔开,最后一个可以不应加“;”
Class定义
(多选择器,可多处定义)
<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 已经访问过的链接的样式