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