CSS：id選取器的使用，cssid選取器

CSS：id選取器的使用，cssid選取器

本文介紹css中id選取器的基本用法：為某個特定的標籤內容設定屬性。

代碼整理自w3school：http://www.w3school.com.cn

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="Content-Language" content="zh-cn" /><title>id屬性的使用</title><head><!--id 選取器以 # 來定義--><!--A#B C表示：（1）B這個id適用於作為A標籤的屬性，作為其它標籤屬性時無效（不寫A時表示B可以作為所有標籤的屬性）；（2）A擁有B這個id屬性之後，A下一級的C這個標籤將應用這個樣式（不寫C表示A中所有的標籤都將應用這個樣式）。--><style type="text/css">  #redText {color:red}  #greenText {color:green}  div#blueText {color:blue}  #bigStyle p {font-size:30px}  #bigStyle h1 {font-size:30px}</style><!--即使被標註為bigStyle的元素只能在文檔中出現一次，這個id選取器作為派生選取器也可以被使用很多次--></head><body>  <h3>redText和greenText沒有定義在任何標籤之下：</h3>  <p id="redText">這個段落使用了id屬性：redText</p>  <p id="greenText">這個段落使用了id屬性：greenText</p>   <div id="greenText">    <p>這個段落所屬的div使用了id屬性：greenText</p>   </div>    <hr/>  <h3>blueText是定義在div之下的：</h3>  <p id="blueText">這個段落使用了id屬性：blueText，但是它不在div中</p>   <div id="blueText">    <p>這個段落所屬的div使用了id屬性：blueText</p>   </div>  <hr/>  <h3>id 選取器和派生選取器：</h3>  <div id="bigStyle">    <p>這是一個段落。</p>  </div>  <div id="bigStyle">    <h1>這是另一個段落。</h1>  </div>  <!--由於id屬性只能在每個HTML文檔中出現一次，因此上述代碼僅為表達id的使用規則，實際開發中不能這樣寫。當然，上述代碼在大多數瀏覽器中並沒有問題，這隻是因為瀏覽器本身的容錯能力。--></body></html>

：