第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定

<span class="bigsize stress">膽小如鼠</span> 與 <span class="stress bigsize">膽小如鼠</span>效果一樣

生效順序與css中樣式價(jià)值順序有關(guān),與class list中順序無關(guān)


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>css</title>
<style type="text/css">
.colorred{color:red;}
.colorgreen{color:green;}
</style>
</head>
<body>
<p><span class="colorred colorgreen">colorred colorgreen</span></p>
<p><span class="colorgreen colorred">colorgreen colorred</span></p>
</body>
</html>

執(zhí)行下這個代碼就知道了,都是green的

正在回答

5 回答

你的回答是完全錯誤的,你自己試試就知道了,永遠(yuǎn)是css順序中后面的".bigsize"的生效,顯示red

1 回復(fù) 有任何疑惑可以回復(fù)我~
#1

aga1n

貌似實(shí)際運(yùn)用中這種想法沒什么意義
2014-09-05 回復(fù) 有任何疑惑可以回復(fù)我~
#2

aga1n

我用dw試了下,都是顯示綠色。。。
2014-09-05 回復(fù) 有任何疑惑可以回復(fù)我~

這個案例很經(jīng)典,一個元素有2個CLASS,而且CLASS有相同屬性的時候,屬性值由最后一個決定“就近原則”

0 回復(fù) 有任何疑惑可以回復(fù)我~

多看看會知道更多惹?(????)

0 回復(fù) 有任何疑惑可以回復(fù)我~
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>css</title>
<style type="text/css">
.colorred{color:red;}
.colorgreen{color:green;}
</style>
</head>
<body>
<p><span class="colorred colorgreen">colorred colorgreen</span></p>
<p><span class="colorgreen colorred">colorgreen colorred</span></p>
</body>
</html>

執(zhí)行下這個代碼就知道了,都是green

1 回復(fù) 有任何疑惑可以回復(fù)我~

親,是這樣的,但是記住,如果stress與bigsize中有設(shè)置相同的css樣式屬性,如.stress{color:red;}.bigsize{color:green;},后面的會覆蓋前面的,

<span class="bigsize stress">膽小如鼠</span>就會顯示red

<span class="stress bigsize">膽小如鼠</span>就會顯示green

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

風(fēng)聽柏 提問者

你的說法是錯誤的,看我的回復(fù)
2014-08-06 回復(fù) 有任何疑惑可以回復(fù)我~
#2

aga1n

都顯示綠色
2014-09-05 回復(fù) 有任何疑惑可以回復(fù)我~
#3

aga1n

應(yīng)該根據(jù)style里面的屬性定義,用最后面的屬性覆蓋前面的
2014-09-05 回復(fù) 有任何疑惑可以回復(fù)我~
#4

慕粉9183617

實(shí)際試了一下,確實(shí)是根據(jù)style里的屬性,后面的覆蓋前面的,有class里的順序無關(guān)
2015-03-15 回復(fù) 有任何疑惑可以回復(fù)我~
查看1條回復(fù)

舉報(bào)

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學(xué)習(xí)       1228489    人
  • 解答問題       18930    個

HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義

進(jìn)入課程
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號