兩段代碼輸出結(jié)果相同,那么代碼邏輯上的區(qū)別是什么?
.stress{
color:red;
}
.bigsize{
font-size:25px;
}
<span class="stress bigsize">三年級(jí)</span>
和
.stress{
color:red;
font-size:25px;
}
<span class="stress">三年級(jí)</span>
這兩段代碼的輸出結(jié)果是一樣的,那么這兩段代碼的區(qū)別是什么?邏輯上的差別是什么?
2019-03-29
第一種是多類(lèi)選擇器,就相當(dāng)于此處的span同時(shí)屬于stress和bigsize這兩個(gè)類(lèi),對(duì)這兩個(gè)類(lèi)設(shè)置樣式都能作用到這一個(gè)特定元素上(同時(shí)也能分別作用到各自類(lèi)的元素上);
第二種的span元素就只屬于一個(gè)stress類(lèi)。
這兩種用法只對(duì)一個(gè)元素作用時(shí)其實(shí)是沒(méi)什么差別的,但是如果需要設(shè)置樣式的元素多起來(lái),比如:有好幾個(gè)span元素都需要變成紅色,但是只有“三年級(jí)”字體是25px,那第一種用法就很合適,即把其它span元素設(shè)置為stress類(lèi),而“三年級(jí)”設(shè)置class=“class bigsize”就可以了;如果是第二種用法,那還需要增加一個(gè)類(lèi)單獨(dú)設(shè)置字體為紅色給其它span元素,就會(huì)有點(diǎn)冗余。
以上是我自己的一些理解,希望能有幫助^_^
2019-03-22
第一種是一個(gè)class調(diào)用了兩個(gè)那啥(我不知道.stress這種叫什么)
第二種是一個(gè)class只調(diào)用了一個(gè)那啥(.stress)
2019-03-18
第一個(gè)? ?<span class="stress">三年級(jí)</span>
<p class="bigsize">一班</p>
第二個(gè)寫(xiě)在一個(gè)里面只能兩個(gè)一起設(shè)置
貌似是hhh