CSS選擇符說明

來源:互聯網
上載者:User

一、類型選擇符
body
{
font-size:12px;
}

{
color:blue;
}
  指對網頁中已有的標籤類型作為名稱的選擇符,如上表示:body標籤內的所有文字大小為12px;段落內的文字顏色為藍色。
  二、群組選擇符
h4,p,span
{
font-size:12px;
}
  表示頁面所有的h4,p,span標籤內文字都為12px大小,即對一組對象進行相同的樣式指定,每個標籤之間用逗號分隔開來。
  三、包含選擇符
div p
{
font-weight:bold;
}
  表示div標籤裡邊的p標籤內的文字為粗體字、這是一種內含項目關聯性,每個標籤之間用空格隔開,可以為多級包含。
  四、id和class選擇符
  id是對頁面中的唯一元素進行樣式定義,這個樣式在頁面中只使用一次、即id不重複
<div id="myDiv">
..
</div>
#myDiv
{
font-size:12px;
}
  class定義的是通用或經常使用的樣式,一種樣式在一個頁面中需要出現多次,即可以為不同的標籤指定相同的class,如下表示:div和p標籤內的字型都是藍色
<div class="red">
</div>
<p class="red">..</p>
.red
{
color:blue;
}
  五、組合選擇符
  使用id或class,同時也使用標籤來進行組合
h1 #cont
{
}
  表示id為cont的h1標籤
h1 .cont
{
}
  表示所有class為cont的h1標籤
  六、偽類選擇符
  常見為a標籤
a:link
{
}
a:hover
{
}
a:visited
{
}
  七、通配選擇符
*
{
color:blue;
}
  表示所有對象的字型都為藍色。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.