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

來源:互聯網
上載者:User

前面的學習我們僅僅使用HTML選取器(在HTML頁面裡為html標籤,如 P)
  現在我們學習使用clss和id定義屬於自己的選取器。
  這樣,同樣的html元素可以通過class或ID使用不同的表現。
  在CSS裡,使用點號(.)建立class選取器,使用hash符號(#)建立ID選取器。
  例子:

 代碼如下 複製代碼
#top {
    background-color: #ccc;
    padding: 1em
}
.intro {
    color: red;
    font-weight: bold;
}

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

 代碼如下 複製代碼
<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屬性的段落。

相關文章

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.