CSS层叠样式表——定义样式表

    定义样式表

1  HTML标记定义

  <p>...</p>

  p{属性:属性值；属性1：属性值1}

  p可以叫做选择器，定义那个标记中的内容执行其中的样式

  一个选择器可以控制若干个样式属性，他们之间需要用英语";"隔开，最后一个可以不应加

2  Class定义

  <p class="p">...</p>

  class定义是以"."开始

  .p{属性:属性值；属性1：属性值1}

3  ID 定义

  <p id="p">...</p>

  ID定义是"#"开始的

  #p{属性:属性值；属性1：属性值1}

4  优先级问题

  ID>Class>HTML

  同级时选择离元素最近的一个的,比如：  #p{color:red}   #p{color:#f60}  执行颜色为#f60

5  组合选择器（同时控制多个元素）

  h1,h2,h3{font-size:14px;color:red;}

  选择其组合可以使用","隔开

6  伪元素选择器

  a:link  正常连接的样式

  a:hover  鼠标放上去的样式

  a:active  选择链接时的样式

  a:visited  已经访问过的链接的样式

本文转自 拉考的考拉 51CTO博客，原文链接:http://blog.51cto.com/lakaodekaola/1979730