課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
有個標(biāo)簽選擇器?這個是類選擇器?我感覺差不多 不是多此一舉嗎
2015-02-09
源自:初識HTML(5)+CSS(3)-升級版 8-3
正在回答
給你簡單得舉個栗子:
1st:
<style type="text/css">
????p{color:#333}
</style>
<!--這里我們引入一個p標(biāo)簽,設(shè)定文字顏色為灰色-->
<p>我是栗子。</p>
<p>我也是栗子。</p>
<a href="#">我還是栗子。</a>
2nd:
????.color{color:#333}
<!--這里我們引入一個類,同樣設(shè)定文字顏色為灰色-->
<p class="color">我也是栗子。</p>
<a href="#" class="color">我還是栗子。</a>
<hr/>
看第一個例子,我們引入的是一個p標(biāo)簽。這樣一來,這張網(wǎng)頁的所有<p>都要變成灰色字體,你不能自由地設(shè)定第一行是灰色,第二行是默認(rèn)色。而你也不能控制<a>字體變成灰色。
再看第二個例子,我們引入的是一個class。如果你需要這個類,你就引入它。你在第二個<p>里引入它,那么第二個<p>就變成灰色的了,你在<a>里面引入它,那么<a>就變成灰色的了。
簡單地理解(事實(shí)上有時候并非如此),標(biāo)簽選擇器的范圍更廣,類選擇器更自由。
以上
華夏唱情歌 提問者
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
2 回答標(biāo)簽選擇器 類選擇器 id選擇器
3 回答類選擇器和標(biāo)簽選擇器
6 回答選擇器不就是標(biāo)簽嗎?
3 回答class類選擇器同一個標(biāo)簽可以多次用
3 回答請問類標(biāo)簽選擇器和ID選擇器是不是一個只能設(shè)置一個樣式
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2015-02-09
給你簡單得舉個栗子:
1st:
<style type="text/css">
????p{color:#333}
</style>
<!--這里我們引入一個p標(biāo)簽,設(shè)定文字顏色為灰色-->
<p>我是栗子。</p>
<p>我也是栗子。</p>
<a href="#">我還是栗子。</a>
2nd:
<style type="text/css">
????.color{color:#333}
</style>
<!--這里我們引入一個類,同樣設(shè)定文字顏色為灰色-->
<p>我是栗子。</p>
<p class="color">我也是栗子。</p>
<a href="#" class="color">我還是栗子。</a>
<hr/>
看第一個例子,我們引入的是一個p標(biāo)簽。這樣一來,這張網(wǎng)頁的所有<p>都要變成灰色字體,你不能自由地設(shè)定第一行是灰色,第二行是默認(rèn)色。而你也不能控制<a>字體變成灰色。
再看第二個例子,我們引入的是一個class。如果你需要這個類,你就引入它。你在第二個<p>里引入它,那么第二個<p>就變成灰色的了,你在<a>里面引入它,那么<a>就變成灰色的了。
簡單地理解(事實(shí)上有時候并非如此),標(biāo)簽選擇器的范圍更廣,類選擇器更自由。
以上