CSS教程8、CSS的Class以及ID選擇器[翻譯Htmldog]_CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
前面的學(xué)習(xí)我們僅僅使用HTML選擇器(在HTML頁(yè)面里為html標(biāo)簽,如 P)
現(xiàn)在我們學(xué)習(xí)使用clss和id定義屬于自己的選擇器。
這樣,同樣的html元素可以通過(guò)class或ID使用不同的表現(xiàn)。
在CSS里,使用點(diǎn)號(hào)(.)創(chuàng)建class選擇器,使用hash符號(hào)(#)創(chuàng)建ID選擇器。
例子:
html頁(yè)面通過(guò)id和class屬性調(diào)用CSS,像下面這樣:
id和class的不同指出在于一個(gè)頁(yè)面同一個(gè)ID只能只有一次,而class可以無(wú)限制使用。
同樣,你可以在html選擇器后面使用一個(gè)選擇器來(lái)指定非凡HTML元素,比如p.jam{值}將作用到帶有'jam'class屬性的段落。
現(xiàn)在我們學(xué)習(xí)使用clss和id定義屬于自己的選擇器。
這樣,同樣的html元素可以通過(guò)class或ID使用不同的表現(xiàn)。
在CSS里,使用點(diǎn)號(hào)(.)創(chuàng)建class選擇器,使用hash符號(hào)(#)創(chuàng)建ID選擇器。
例子:
示例代碼 [hl5o.cn]
#top {
background-color: #ccc;
padding: 1em
}
.intro {
color: red;
font-weight: bold;
}
background-color: #ccc;
padding: 1em
}
.intro {
color: red;
font-weight: bold;
}
html頁(yè)面通過(guò)id和class屬性調(diào)用CSS,像下面這樣:
示例代碼 [hl5o.cn]
<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的不同指出在于一個(gè)頁(yè)面同一個(gè)ID只能只有一次,而class可以無(wú)限制使用。
同樣,你可以在html選擇器后面使用一個(gè)選擇器來(lái)指定非凡HTML元素,比如p.jam{值}將作用到帶有'jam'class屬性的段落。
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
猜你也喜歡看這些
- HTML中級(jí)教程自定義列表
- robots.txt詳細(xì)介紹
- 初學(xué)者接觸HTML了解一些HTML標(biāo)記(2)
- HTML高級(jí)教程 聲明
- DIVCSS網(wǎng)頁(yè)布局中常用的列表元素ulollidldtdd釋義
- HTML初級(jí)教程標(biāo)題h1~h6
- 初學(xué)者接觸HTML了解一些HTML標(biāo)記(3)
- HTML表格標(biāo)記教程(5):亮邊框色屬性BORDERCOLORLIGHT
- HTML5 INPUT placeholder及兼容性處理
- XHTML入門(mén)學(xué)習(xí)教程:網(wǎng)頁(yè)Head和DTD
- 相關(guān)鏈接:
- 教程說(shuō)明:
CSS教程-CSS教程8、CSS的Class以及ID選擇器[翻譯Htmldog]
。