最新文章
快速了解css特異性
現(xiàn)在網(wǎng)站成為企業(yè)宣傳比不可少的方式,那么對于網(wǎng)站來說很多人不是很了解它是怎么寫出來的,其實很簡單,它的框架是采用HTML+CSS來實現(xiàn)的。對于一些新程序員來說可能還沒有使用特別流暢,還存在一些疑問,下面石家莊網(wǎng)站建設(shè)的小編來給大家詳細(xì)介紹一下,css的特異性,快來了解一下吧。
在推特上瀏覽的時候看到一個很有意思的css試題,試題類型為css的特異性;
How well do you know CSS?
Given these classes:
.red {
color: red;
}
.blue {
color: blue;
}
Which color would these divs be?
<div class=”red blue”>
<div class=”blue red”>
1.First red, second blue
2.First blue, second red
3.Both blue
4.Both red
到現(xiàn)在為止,投票率分別為9%,44%,43%,3%;
通過投票率可以看出大部分人選擇第一個藍(lán)色,第二個紅色,其實正確的結(jié)果為3,全是藍(lán)色,在css中當(dāng)多個聲明具有相同的特異性時, 在 CSS 中找到的最后一個聲明將應(yīng)用于該元素,應(yīng)用于元素的類的順序無關(guān)緊要。
參考鏈接:https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity (css的特異性)
以上就是今天石家莊網(wǎng)站建設(shè)開發(fā)人員跟您分享的內(nèi)容,希望能對大家的網(wǎng)頁設(shè)計方面能有所幫助。如果您需要做網(wǎng)站,歡迎您來石家莊尚武科技咨詢,我們將竭誠問您服務(wù)!