層疊樣式表（CSS）的主要目的是給HTML元素添加樣式，然而，在一些案例中給文檔添加額外的元素是多余的或是不可能的。事實上CSS中有一個特性允許我們添加額外元素而不擾亂文檔本身，這就是“偽元素”。 你一定聽說過這個詞，尤其是當你一直關注着我們的教程。點此瀏覽原作者的其他文章 事實上，的確有 ...

li{ position: relative; float: left; width: 80px; ...

今天發現很多國外的網站和框架設計都用到了before和after，之前使用的比較少，今天試了下覺得還是很有意思的~ 說明 1. :before 和 :after將在內容元素的前后插入額外的元素；:before將會在內容之前“添加”一個元素而:after將會在內容后“添加”一個元素。在它們之中 ...

關於偽類元素:before和:after 　CSS中存在一些比較特殊的屬性，稱之為偽類，它們之中最常用的就是定義鏈接的偽 :link：未被訪問狀態 :visited：已被訪問狀態 :hover：鼠標懸停狀態 :active：活動狀態 除了它們，還有一些不被常使用的偽類 ...

一、介紹 css3為了區分偽類和偽元素，偽元素采用雙冒號寫法。 常見偽類——:hover,:link,:active,:target,:not(),:focus。 常見偽元素——::first-letter,::first-line,::before,::after,::selection ...

一、介紹 css3為了區分偽類和偽元素，偽元素采用雙冒號寫法。 常見偽類——:hover,:link,:active,:target,:not(),:focus。 常見偽元素——::first-letter,::first-line,::before,::after ...

::before與::after兩個偽元素其實是CSS3中的內容，然而實際上在CSS2中就已經有了這兩者的身影，只不過CSS2中是前面加一個冒號來表示（:before和:after）。今天主要講講這兩個偽元素該如何使用。 一、與普通元素一樣可以給其添加樣式 比如說我想在文字前面添加一個圖標 ...

大家可能對偽類和偽元素有點迷糊，在介紹具體用法之前，簡單介紹下偽類和偽元素。偽類大家聽的多了，偽元素可能聽到的不是那么頻繁，其實 CSS 對這兩個是有區分的。 這里整理總結下： 有時你會發現偽類元素使用了兩個冒號 (::) 而不是一個冒號 (:)，這是 CSS3 ...