2023-12-18 分類(lèi): 網(wǎng)站建設(shè)
現(xiàn)在網(wǎng)站成為企業(yè)宣傳比不可少的方式,那么對(duì)于網(wǎng)站來(lái)說(shuō)很多人不是很了解它是怎么寫(xiě)出來(lái)的,其實(shí)很簡(jiǎn)單,它的框架是采用HTML+CSS來(lái)實(shí)現(xiàn)的。對(duì)于一些新程序員來(lái)說(shuō)可能還沒(méi)有使用特別流暢,還存在一些疑問(wèn),下面成都網(wǎng)站建設(shè)的小編來(lái)給大家詳細(xì)介紹一下,css的特異性,快來(lái)了解一下吧。
在推特上瀏覽的時(shí)候看到一個(gè)很有意思的css試題,試題類(lèi)型為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%;
通過(guò)投票率可以看出大部分人選擇第一個(gè)藍(lán)色,第二個(gè)紅色,其實(shí)正確的結(jié)果為3,全是藍(lán)色,在css中當(dāng)多個(gè)聲明具有相同的特異性時(shí), 在 CSS 中找到的最后一個(gè)聲明將應(yīng)用于該元素,應(yīng)用于元素的類(lèi)的順序無(wú)關(guān)緊要。
參考鏈接:https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity (css的特異性)
以上就是今天成都網(wǎng)站建設(shè)開(kāi)發(fā)人員跟您分享的內(nèi)容,希望能對(duì)大家的網(wǎng)頁(yè)設(shè)計(jì)方面能有所幫助。如果您需要做網(wǎng)站,歡迎您來(lái)成都創(chuàng)新互聯(lián)咨詢,我們將竭誠(chéng)問(wèn)您服務(wù)!
標(biāo)題名稱:快速了解css特異性
本文地址:http://m.newbst.com/news27/309277.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開(kāi)發(fā)、服務(wù)器托管、搜索引擎優(yōu)化、自適應(yīng)網(wǎng)站、網(wǎng)站導(dǎo)航、手機(jī)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容