亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

兩段代碼輸出結果相同,那么代碼邏輯上的區別是什么?

.stress{

color:red;

}

.bigsize{

font-size:25px;

}

<span class="stress bigsize">三年級</span>

.stress{

color:red;
font-size:25px;

}

<span class="stress">三年級</span>

這兩段代碼的輸出結果是一樣的,那么這兩段代碼的區別是什么?邏輯上的差別是什么?

正在回答

3 回答

第一種是多類選擇器,就相當于此處的span同時屬于stress和bigsize這兩個類,對這兩個類設置樣式都能作用到這一個特定元素上(同時也能分別作用到各自類的元素上);

第二種的span元素就只屬于一個stress類。

這兩種用法只對一個元素作用時其實是沒什么差別的,但是如果需要設置樣式的元素多起來,比如:有好幾個span元素都需要變成紅色,但是只有“三年級”字體是25px,那第一種用法就很合適,即把其它span元素設置為stress類,而“三年級”設置class=“class bigsize”就可以了;如果是第二種用法,那還需要增加一個類單獨設置字體為紅色給其它span元素,就會有點冗余。

以上是我自己的一些理解,希望能有幫助^_^

4 回復 有任何疑惑可以回復我~

第一種是一個class調用了兩個那啥(我不知道.stress這種叫什么)

第二種是一個class只調用了一個那啥(.stress)

0 回復 有任何疑惑可以回復我~

第一個? ?<span class="stress">三年級</span>

<p class="bigsize">一班</p>

第二個寫在一個里面只能兩個一起設置

貌似是hhh

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

兩段代碼輸出結果相同,那么代碼邏輯上的區別是什么?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號