CSS細節問題總結------偽類

偽類

CSS偽類是用來添加一些選擇器的特殊效果。

（1）偽類可以與 CSS 類配合使用：

a.red:visited{color:#FF0000;}

<a class="red">css</a>

（2）first - child偽類

使用 :first-child 偽類來選擇元素的第一個子元素

1、匹配第一個<p>元素

2、匹配所有<p>元素中的第一個<i>元素

（3）input:focus偽類

（4）啟用和禁止的表單


（5）:before 偽元素

":before" 偽元素可以在元素的內容前面插入新內容。?

（6）:after 偽元素

":after" 偽元素可以在元素的內容之后插入新內容。

（7）所有CSS偽類\元素

www.runoob.com/css/css-pseudo-classes.html

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 本文轉載自：眾成翻譯譯者：為之漫筆鏈接：http://www.zcfy.cc/article/239原文：http...
    極樂君閱讀 7,407評論 1贊 62
  • 1.CSS 元素選擇器 最常見的 CSS 選擇器是元素選擇器。換句話說，文檔的元素就是最基本的選擇器。如果設置 H...
    饑人谷_小侯閱讀 885評論 0贊 1
  • 學習CSS的最佳網站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,100評論 0贊 1
  • 其實平時用得多的選擇器無非也就是那么幾個，時間久了，許多不常用的選擇器就慢慢忘記了。為了不讓自己忘記這些選擇器，今...
    盛夏晚清風閱讀 1,874評論 0贊 5
  • 圖取益州 劉備到隆中拜訪諸葛亮時，諸葛亮給他規劃了宏偉的前景，劉...
    戰國客閱讀 1,065評論 4贊 4