CSS教程8、CSS的Class以及ID選擇器[翻譯Htmldog]_CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
        前面的學習我們僅僅使用HTML選擇器(在HTML頁面里為html標簽,如 P)
        現在我們學習使用clss和id定義屬于自己的選擇器。
        這樣,同樣的html元素可以通過class或ID使用不同的表現。
        在CSS里,使用點號(.)創建class選擇器,使用hash符號(#)創建ID選擇器。
        例子:

      示例代碼 [www.wf0088.com]
      #top {
      background-color: #ccc;
      padding: 1em
      }

      .intro {
      color: red;
      font-weight: bold;
      }

        html頁面通過id和class屬性調用CSS,像下面這樣:

      示例代碼 [www.wf0088.com]
      <div id="top">
      <h1>Chocolate curry</h1>
      <p class="intro">This is my recipe for making curry purely with chocolate</p>
      <p class="intro">Mmm mm mmmmm</p>
      </div>

        id和class的不同指出在于一個頁面同一個ID只能只有一次,而class可以無限制使用。
        同樣,你可以在html選擇器后面使用一個選擇器來指定非凡HTML元素,比如p.jam{值}將作用到帶有'jam'class屬性的段落。

        

      來源:無憂整理//所屬分類:CSS教程/更新時間:2007-03-07
      相關CSS教程