您好,登錄后才能下訂單哦!
小編給大家分享一下css中有什么選擇符,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
css是一種用來表現HTML或XML等文件樣式的計算機語言,主要是用來設計網頁的樣式,使網頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言,并且css樣式可以直接存儲于HTML網頁或者單獨的樣式單文件中,而樣式規則的優先級由css根據這個層次結構決定,從而實現級聯效果,發展至今,css不僅能裝飾網頁,也可以配合各種腳本對于網頁進行格式化。
css選擇符有:1、通配選擇符“*”;2、id選擇符;3、類選擇符;4、標簽選擇符;5、相鄰選擇符“E+F”;6、子選擇器“E>F”;7、后代選擇符“E F”;8、偽類和偽元素選擇符,例如“:first”;9、屬性選擇符。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
css選擇符(選擇器)是用來規定css樣式用于哪一個或哪一些dom元素的一種規范。
每一條css樣式定義由兩部分組成,形式如下:選擇器{樣式}
在{}之前的部分就是“選擇器”。
“選擇器”指明了{}中的“樣式”的作用對象(dom對象),也就是“樣式”作用于網頁中的哪些元素。
css選擇符(選擇器)有哪些?
1、通配選擇符( * ):匹配任意元素。
2、id選擇符( # myid):匹配 ID 等于“myid”的任意元素 。
3、類選擇符(.myclassname):匹配 class 等于“myclassname”的任意元素.
4、標簽選擇符(div, h2, p):選擇指定元素名稱的所有元素。
5、相鄰選擇符(E + F):用于選擇(不是內部)指定的第一個元素之后緊跟的元素。
6、子選擇符(E > F):用于選取帶有特定父元素的元素,例ul > li,選擇所有父級是 <ul> 元素的每個 <li> 元素。(學習視頻分享:css視頻教程)
7、后代選擇符(E F):用于選取元素內部的元素。
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]:用于選取帶有以指定值開頭的屬性值的元素,該值必須是整個單詞。
[attribute^=value]:匹配屬性值以指定值開頭的每個元素。
[attribute$=value]:匹配屬性值以指定值結尾的每個元素。
[attribute*=value]:匹配屬性值中包含指定值的每個元素。
以上是“css中有什么選擇符”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。