1. 程式人生 > >CSS常用的三種選擇符

CSS常用的三種選擇符

常用的三種選擇符

(我感覺這是初級教程中最難的地方:)

  • xhtml標籤選擇符,比如 p標籤選擇符(代表所有的段落都使用這個CSS樣式),比如 p{font-size:12px;}
  • id選擇符,唯一性選擇符,比如 #dreamdured{color:red;},就是在名字前增加了一個#,id選擇符在一個頁面中只能出現一次,在整個網站中也最好出現一次(這樣有利於程式設計師控制此元素,有多個一樣名稱的元素,就無法分開不好控制了).
  • class選擇符,多重選擇符,比如.dreamdublue{color:blue;},就是在名字前增加了一個.,class選擇符在一個頁面中可以出現多次(注意下面的示例中class選擇符的用法).

    一個p元素使用了兩個class選擇符,他們之間用空格分開,而且class選擇符可以在一個頁面出現多次.

    選擇符用法總結

    id與class選擇符在CSS與HTML中的用法總結
    CSS中的寫法 XHTML中的寫法
    xhtml標籤選擇符 p{font-size:12px;} <p>www.dreamdu.com</p>
    id選擇符 #id_selector{font-size:12px;} <p id="id_selector">夢之都</p>
    class選擇符 .class_selector{font-size:12px;} <p class="class_selector">夢之都</p>