小編給大家分享一下css中有什么選擇符,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)建站 - 綿陽主機(jī)托管,四川服務(wù)器租用,成都服務(wù)器租用,四川網(wǎng)通托管,綿陽服務(wù)器托管,德陽服務(wù)器托管,遂寧服務(wù)器托管,綿陽服務(wù)器托管,四川云主機(jī),成都云主機(jī),西南云主機(jī),綿陽主機(jī)托管,西南服務(wù)器托管,四川/成都大帶寬,機(jī)柜大帶寬、租用·托管,四川老牌IDC服務(wù)商
css是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言,主要是用來設(shè)計(jì)網(wǎng)頁的樣式,使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言,并且css樣式可以直接存儲(chǔ)于HTML網(wǎng)頁或者單獨(dú)的樣式單文件中,而樣式規(guī)則的優(yōu)先級(jí)由css根據(jù)這個(gè)層次結(jié)構(gòu)決定,從而實(shí)現(xiàn)級(jí)聯(lián)效果,發(fā)展至今,css不僅能裝飾網(wǎng)頁,也可以配合各種腳本對于網(wǎng)頁進(jìn)行格式化。
css選擇符有:1、通配選擇符“*”;2、id選擇符;3、類選擇符;4、標(biāo)簽選擇符;5、相鄰選擇符“E+F”;6、子選擇器“E>F”;7、后代選擇符“E F”;8、偽類和偽元素選擇符,例如“:first”;9、屬性選擇符。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css選擇符(選擇器)是用來規(guī)定css樣式用于哪一個(gè)或哪一些dom元素的一種規(guī)范。
每一條css樣式定義由兩部分組成,形式如下:選擇器{樣式}
在{}之前的部分就是“選擇器”。
“選擇器”指明了{(lán)}中的“樣式”的作用對象(dom對象),也就是“樣式”作用于網(wǎng)頁中的哪些元素。
css選擇符(選擇器)有哪些?
1、通配選擇符( * ):匹配任意元素。
2、id選擇符( # myid):匹配 ID 等于“myid”的任意元素 。
3、類選擇符(.myclassname):匹配 class 等于“myclassname”的任意元素.
4、標(biāo)簽選擇符(div, h2, p):選擇指定元素名稱的所有元素。
5、相鄰選擇符(E + F):用于選擇(不是內(nèi)部)指定的第一個(gè)元素之后緊跟的元素。
6、子選擇符(E > F):用于選取帶有特定父元素的元素,例ul > li,選擇所有父級(jí)是 <ul> 元素的每個(gè) <li> 元素。(學(xué)習(xí)視頻分享:css視頻教程)
7、后代選擇符(E F):用于選取元素內(nèi)部的元素。
8、偽類和偽元素選擇符:用于向某些選擇器添加特殊的效果。
:active | :any-link | :blank | :checked | :current | :default |
:defined | :dir() | :disabled | :drop | :empty | :enabled |
:first | :first-child | :first-of-type | :fullscreen | :future | :focus |
:focus-visible | :focus-within | :has() | :host | :host() | :host-context() |
:hover | :indeterminate | :in-range:invalid | :is() | :lang() | :last-child |
:last-of-type | :left | :link | :local-link | :not() | :nth-child() |
:nth-col() | :nth-last-child() | :nth-last-col() | :nth-last-of-type() | :nth-of-type() | :only-child |
:only-of-type | :optional | :out-of-range | :past | :placeholder-shown | :read-only |
:read-write | :required | :right | :root | :scope | :target |
:target-within | :user-invalid | :valid | :visited | :where() |
9、屬性選擇符:選擇帶有特定屬性的元素。
[attribute]:用于選取帶有指定屬性的元素。
[attribute=value]:用于選取帶有指定屬性和值的元素。
[attribute~=value]:用于選取屬性值中包含指定詞匯的元素。
[attribute|=value]:用于選取帶有以指定值開頭的屬性值的元素,該值必須是整個(gè)單詞。
[attribute^=value]:匹配屬性值以指定值開頭的每個(gè)元素。
[attribute$=value]:匹配屬性值以指定值結(jié)尾的每個(gè)元素。
[attribute*=value]:匹配屬性值中包含指定值的每個(gè)元素。
以上是“css中有什么選擇符”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
新聞標(biāo)題:css中有什么選擇符
轉(zhuǎn)載來于:http://aaarwkj.com/article0/ipdjio.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗(yàn)、軟件開發(fā)、域名注冊、外貿(mào)網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、小程序開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)