快速了解css特異性

現(xiàn)在網(wǎng)站成為企業(yè)宣傳比不可少的方式，那么對于網(wǎng)站來說很多人不是很了解它是怎么寫出來的，其實很簡單，它的框架是采用HTML+CSS來實現(xiàn)的。對于一些新程序員來說可能還沒有使用特別流暢，還存在一些疑問，下面成都網(wǎng)站建設(shè)的小編來給大家詳細介紹一下，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%;

通過投票率可以看出大部分人選擇第一個藍色，第二個紅色，其實正確的結(jié)果為3，全是藍色，在css中當多個聲明具有相同的特異性時, 在 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)站，歡迎您來成都創(chuàng)新互聯(lián)咨詢，我們將竭誠問您服務(wù)!

標題名稱：快速了解css特異性
本文地址：http://www.muchs.cn/news27/309277.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、服務(wù)器托管、搜索引擎優(yōu)化、自適應(yīng)網(wǎng)站、網(wǎng)站導航、手機網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)