CSS教程8、CSS的Class以及ID選擇器[翻譯Htmldog]_CSS教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
前面的學習我們僅僅使用HTML選擇器（在HTML頁面里為html標簽，如 P）
現在我們學習使用clss和id定義屬于自己的選擇器。
這樣，同樣的html元素可以通過class或ID使用不同的表現。
在CSS里，使用點號（.）創建class選擇器，使用hash符號（#）創建ID選擇器。
例子：
html頁面通過id和class屬性調用CSS，像下面這樣：
id和class的不同指出在于一個頁面同一個ID只能只有一次，而class可以無限制使用。
同樣，你可以在html選擇器后面使用一個選擇器來指定非凡HTML元素，比如p.jam{值}將作用到帶有'jam'class屬性的段落。
現在我們學習使用clss和id定義屬于自己的選擇器。
這樣，同樣的html元素可以通過class或ID使用不同的表現。
在CSS里，使用點號（.）創建class選擇器，使用hash符號（#）創建ID選擇器。
例子：
示例代碼 [www.wf0088.com]
#top {
background-color: #ccc;
padding: 1em
}
.intro {
color: red;
font-weight: bold;
}
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>
<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教程：
- 相關鏈接：
- 教程說明：
CSS教程-CSS教程8、CSS的Class以及ID選擇器[翻譯Htmldog]
。