- 推薦
- 發(fā)現(xiàn)音樂
- 我的音樂
- 下載的音
資訊專欄INFORMATION COLUMN
摘要：基本選擇器標(biāo)簽選擇器標(biāo)簽選擇器又叫元素選擇器，換句話說，文檔的元素就是最基本的選擇器，使用元素名稱直接選擇元素即可如。
基本選擇器 標(biāo)簽選擇器
標(biāo)簽選擇器又叫元素選擇器，換句話說，文檔的元素就是最基本的選擇器，使用元素名稱直接選擇元素即可（如body,p,ul,ol,dl）。
類選擇器類選擇以點(diǎn)"."開頭，后面緊跟一個(gè)類名。類名不允許有空格，與元素中class屬性的值保持一致。一個(gè)元素可以有多個(gè)class的值，每個(gè)值通過空格分割開。類名相同的元素屬于一類元素。
ID選擇器以"#"開頭，后面緊跟一個(gè)ID名，在一個(gè)文檔中，ID值不能重復(fù)，因此在選擇文檔中唯一元素的時(shí)候該選擇器比較有用。
普遍選擇器— "Good morning."
— "Go away!"
使用"*"來表示普遍選擇器，表示選擇所有元素，通常用在組合選擇器中。
多選擇器
- 推薦
- 發(fā)現(xiàn)音樂
- 我的音樂
- 下載的音
多個(gè)選擇器并列使用，使用“,”分割
例如："div,.one,#tt" 表示選擇div元素，class為one的元素以及id為tt的元素。
使用 “ ” 隔開兩個(gè)選擇器。例如 "ul li"表示選擇ul的后代元素li，li可以為ul的直接子元素，也可以為ul的孫子元素。
子代選擇器使用 “>” 隔開兩個(gè)選擇器。例如 "ul>li"表示選擇ul的直接子代元素li,ul的孫子元素li無法被選擇到
相鄰?fù)?/b>使用 “+” 隔開兩個(gè)選擇器。例如 ".one+*"表示選擇class為"one"元素的下一個(gè)兄弟元素。
一般同胞選擇器使用 “~” 隔開兩個(gè)選擇器。例如 ".one~*"表示選擇class為"one"元素的所有兄弟元素。
屬性選擇器（配合基本選擇器進(jìn)行篩選）[attr] 選擇具有attr屬性的元素、無論該屬性的值為什么
[attr=val] 選擇具有attr屬性的、并且attr的值為val元素
[attr~=val] 選擇具有attr屬性的、并且attr的值之一為val的元素
[attr^=val] 選擇具有attr屬性的、并且attr的值以val開頭的元素
[attr$=val] 選擇具有attr屬性的、并且attr的值以val結(jié)尾的元素
[attr*=val] 選擇具有attr屬性的、并且attr的值包含val的元素
偽類選擇器偽類以":"開頭，用在選擇器后，用于指明元素在某種特殊的狀態(tài)下才能被選中（配合基本選擇器進(jìn)行篩選）
子元素::only-child
:first-child
:last-child
:nth-child(n) 、: nth-last-child(n)
:first-of-type、:last-of-type
:nth-of-type(n)、:nth-last-of-type(n)
......
n可以為元素的序號，也可以為特殊的字符，比如“odd”，“even
:hover
:active
:focus
......
偽元素以"::"開頭，用在選擇器后，用于選擇指定的元素。
::after
::before
::first-letter
::first-line
::selection
在所有的選擇器中某個(gè)選擇器定義的規(guī)則是否能夠勝出（即優(yōu)先級）取決于三個(gè)元素：Importance，特性值，代碼順序。
!important聲明(Importance)在css規(guī)則的值末尾添加"!important"能夠保證該規(guī)則優(yōu)先其他規(guī)則。但是一般建議不使用"!important",因?yàn)樗鼤淖兗壜?lián)的工作方式，使得調(diào)試變得困難。
特性值通過4個(gè)特性值來量化一個(gè)選擇器
聲明在元素的style屬性中。特性值記為1000
包含在一個(gè)選擇器中的所有ID選擇器。特性值記為100
包含在一個(gè)選擇器中的所有類選擇器，屬性選擇器，偽類選擇器。屬性值記為10
包含在一個(gè)選擇器中的所有元素選擇器，偽元素選擇器.屬性值記為1
代碼順序如果多個(gè)競爭選擇器具有相同的重要性和特性值，代碼順序就發(fā)揮作用了，后來規(guī)則優(yōu)先前面規(guī)則。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/115885.html
摘要：優(yōu)先級是由權(quán)重來作為衡量標(biāo)準(zhǔn)的，權(quán)重的計(jì)算有一套計(jì)算公式，有如下規(guī)范使用一個(gè)位數(shù)的字串來表示級別，從左到右，左邊的做大，往右依次遞減，且數(shù)位之間沒有進(jìn)制，級別之間不可逾越。定義了一個(gè)命令，該命令被賦予最大的優(yōu)先級。一、背景 CSS有三大特性：層疊性、繼承性、優(yōu)先級。 而我們在給CSS定義樣式的時(shí)候，經(jīng)常出現(xiàn)兩個(gè)及以上的規(guī)則應(yīng)用在同一元素上，單該元素最終在瀏覽器呈現(xiàn)的效果是應(yīng)用的哪個(gè)規(guī)則呢？這...
摘要：是頁面渲染的一部分。一個(gè)就是一個(gè)整體，所有子元素都會在里面渲染，而不會影響外面的元素。常見為，根元素，，元素，或者設(shè)置了的元素列舉不同的清除浮動的技巧，并指出它們各自適用的使用場景。是一個(gè)把眾多小圖片打包成一個(gè)大圖以減少請求。 CSS 中類 (classes) 和 ID 的區(qū)別。 id唯一，class可以多個(gè) 請問 resetting 和 normalizing CSS 之間的區(qū)別？你...
摘要：如果兩個(gè)權(quán)重不同的選擇器作用在同一元素上，權(quán)重值高的規(guī)則生效選擇器可能會包含一個(gè)或者多個(gè)與權(quán)重相關(guān)的計(jì)算點(diǎn)，若經(jīng)過權(quán)重值計(jì)算得到的權(quán)重值越大，則認(rèn)為這個(gè)選擇器的權(quán)重高。 前言 css權(quán)重很多人都聽過，也了解一些，但是很多人對具體的規(guī)則或者說再深如一些關(guān)于css權(quán)重的問題，可能會不那么清楚。日常開發(fā)中，或多或少都會遇到css規(guī)則不生效的問題，為了讓我們能夠減少調(diào)試css規(guī)則的時(shí)間，深刻理...
摘要：替換元素是指用作為其他內(nèi)容占位符的一個(gè)元素。瀏覽器從右到左進(jìn)行查找的好處是為了盡早過濾掉一些無關(guān)的樣式規(guī)則和元素。折疊的結(jié)果兩個(gè)相鄰的外邊距都是正數(shù)時(shí)，折疊結(jié)果是它們兩者之間較大的值。兩個(gè)外邊距一正一負(fù)時(shí)，折疊結(jié)果是兩者的相加的和。 1 . CSS 屬性是否區(qū)分大小寫？ 答：不區(qū)分。 HTML，CSS都對大小寫不敏感，但為了更好的可讀性和團(tuán)隊(duì)協(xié)作一般都小寫，而在XHTML 中元素名稱和...
摘要：向影子樹添加的任何內(nèi)容都將成為宿主元素的本地元素，包括，這就是影子實(shí)現(xiàn)樣式作用域的方式。 這是專門探索 JavaScript 及其所構(gòu)建的組件的系列文章的第 17 篇。 想閱讀更多優(yōu)質(zhì)文章請猛戳GitHub博客,一年百來篇優(yōu)質(zhì)文章等著你！ 如果你錯過了前面的章節(jié)，可以在這里找到它們： JavaScript 是如何工作的：引擎，運(yùn)行時(shí)和調(diào)用堆棧的概述！ JavaScript 是如何工作...
閱讀 707·2021-11-18 10:02
閱讀 2243·2021-11-15 18:13
閱讀 3165·2021-11-15 11:38
閱讀 2956·2021-09-22 15:55
閱讀 3680·2021-08-09 13:43
閱讀 2450·2021-07-25 14:19
閱讀 2459·2019-08-30 14:15
閱讀 3453·2019-08-30 14:15
