<address id="xpjh9"><listing id="xpjh9"><meter id="xpjh9"></meter></listing></address>

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
<noframes id="xpjh9">
<noframes id="xpjh9">

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
    <form id="xpjh9"></form><address id="xpjh9"><listing id="xpjh9"><menuitem id="xpjh9"></menuitem></listing></address>

      <noframes id="xpjh9">
      VB.net 2010 視頻教程 VB.net 2010 視頻教程 VB.net 2010 視頻教程
      SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
      當前位置:
      首頁 > 網站開發 > 網頁設計 >
      • css教程之CSS id 選擇器

      • 2015-01-17 19:07 來源:未知
      CSS id 選擇器(相關css教程
      id 選擇器
      id 選擇器可以為標有特定 id HTML 元素指定特定的樣式。
      id 選擇器以 "#" 來定義。
      下面的兩個 id 選擇器,第一個可以定義元素的顏色為紅色,第二個定義元素的顏色為綠色:
      #red {color:red;}
      #green {color:green;}
      下面的 HTML 代碼中,id 屬性為 red 的 p 元素顯示為紅色,而 id 屬性為 green 的 p 元素顯示為綠色。
      <p id="red">這個段落是紅色。</p>
      <p id="green">這個段落是綠色。</p>
      注意:id 屬性只能在每個 HTML 文檔中出現一次。想知道原因嗎,請參閱 XHTML:網站重構。
      id 選擇器和派生選擇器
      在現代布局中,id 選擇器常常用于建立派生選擇器。
      #sidebar p {
               font-style: italic;
               text-align: right;
               margin-top: 0.5em;
               }
      上面的樣式只會應用于出現在 id 是 sidebar 的元素內的段落。這個元素很可能是 div 或者是表格單元,盡管它也可能是一個表格或者其他塊級元素。它甚至可以是一個內聯元素,比如 <em></em> 或者 <span></span>,不過這樣的用法是非法的,因為不可以在內聯元素 <span> 中嵌入 <p> (如果你忘記了原因,請參閱 XHTML:網站重構)。
      一個選擇器,多種用法
      即使被標注為 sidebar 的元素只能在文檔中出現一次,這個 id 選擇器作為派生選擇器也可以被使用很多次:
      #sidebar p {
               font-style: italic;
               text-align: right;
               margin-top: 0.5em;
               }
       
      #sidebar h2 {
               font-size: 1em;
               font-weight: normal;
               font-style: italic;
               margin: 0;
               line-height: 1.5;
               text-align: right;
               }
      在這里,與頁面中的其他 p 元素明顯不同的是,sidebar 內的 p 元素得到了特殊的處理,同時,與頁面中其他所有 h2 元素明顯不同的是,sidebar 中的 h2 元素也得到了不同的特殊處理。
      單獨的選擇器
      id 選擇器即使不被用來創建派生選擇器,它也可以獨立發揮作用:
      #sidebar {
               border: 1px dotted #000;
               padding: 10px;
               }
      根據這條規則,id 為 sidebar 的元素將擁有一個像素寬的黑色點狀邊框,同時其周圍會有 10 個像素寬的內邊距(padding,內部空白)。老版本的 Windows/IE 瀏覽器可能會忽略這條規則,除非你特別地定義這個選擇器所屬的元素:
      div#sidebar {
               border: 1px dotted #000;
               padding: 10px;
               }
      相關教程
      江苏快3 临沧 | 眉山 | 温岭 | 邵阳 | 亳州 | 海门 | 天水 | 泰安 | 衢州 | 漯河 | 仁寿 | 楚雄 | 日土 | 阜新 | 垦利 | 呼伦贝尔 | 益阳 | 中卫 | 文昌 | 蚌埠 | 黄南 | 淮安 | 基隆 | 乌兰察布 | 昆山 | 中卫 | 江苏苏州 | 河南郑州 | 四川成都 | 黄南 | 海安 | 寿光 | 中卫 | 遂宁 | 图木舒克 | 咸阳 | 莱芜 | 桐城 | 衡阳 | 中卫 | 莱州 | 莒县 | 莒县 | 温岭 | 博罗 | 枣庄 | 双鸭山 | 广西南宁 | 珠海 | 琼中 | 滨州 | 日喀则 | 天门 | 惠州 | 北海 | 昭通 | 张北 | 大理 | 溧阳 | 舟山 | 廊坊 | 龙岩 | 永康 | 海东 | 蓬莱 | 铜川 | 阳江 | 禹州 | 南京 | 自贡 | 防城港 | 临沧 | 玉溪 | 南充 | 湛江 | 五指山 | 湘潭 | 丹阳 | 泰安 | 汉中 | 南京 | 喀什 | 随州 | 绵阳 | 四川成都 | 乳山 | 大丰 | 福建福州 | 莱州 | 琼海 | 锦州 | 禹州 | 澳门澳门 | 梅州 | 恩施 | 杞县 | 海门 | 五指山 | 宜春 | 娄底 | 汝州 | 溧阳 | 枣庄 | 三河 | 公主岭 | 定州 | 渭南 | 崇左 | 长兴 | 德宏 | 嘉兴 | 株洲 | 巴音郭楞 |