CSS 特殊選擇符

1、子元素選擇符 > :父元素 > 子元素

2、緊鄰同胞選擇符 + :元素1 + 元素2

      元素2 必須緊跟着元素1

3、兄弟選擇符 ~ :元素1 ~ 元素2

      元素2 與元素1 同級並在元素1 之後,不一定緊跟

4、通配選擇符 * :

      關於 * 有一個作用就是選擇非子元素:p * a{ color: red;} 表示 p 的後代元素但非子元素中的 a

5、屬性名選擇器:標籤名[屬性名]

6、屬性值選擇器:標籤名[屬性名="屬性值"]

7、鏈接僞類:

      a:link  /* 表示鏈接,用戶沒有任何動作 */

      a:visied /* 表示鏈接被用戶點擊過 */

      a:hover /* 表示用戶的光標懸停在鏈接之上 */

      a:active /* 表示鏈接正在被點擊,爲釋放鼠標 */

      注:這四個鏈接僞類必須按照這樣的順序使用,但不必全部寫出。

              一個冒號(:)表示僞類,兩個冒號(::)表示 CSS3 新增的僞元素,如 first-letter,first-line 等。

8、焦點僞類::focus 

9、目標僞類::target

      當用戶通過鏈接轉到頁面其他的元素的時候,這個元素就是目標元素,在轉過去的時候就會應用目標僞類的樣式。

      這個時候目標元素的樣式會在用戶點擊其他鏈接轉到其他元素的時候無效。

10、子元素僞類::first-child , :last-child ,:nth-child(n)

11、::first-letter 僞元素和 ::first-line 僞元素:爲第一個字或第一行添加設置樣式

12、::before 僞元素和 ::after 僞元素:在特定元素前面或後面添加內容,如

         p::before{content: "insert before content";}

注:搜索引擎不會獲取僞元素的內容,所以不要把重要的內容通過僞元素去添加




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章