1、selector:before( sRules ) 它要和content屬性一起使用，設置在對象前（依據對象樹的邏輯結構）發生的內容； 2、selector:after( sRules ) 和before用法一樣，不過它是設置在對象后（依據對象樹的邏輯結構）發生的內容； ...

:before和:after的作用就是在指定的元素內容（而不是元素本身）之前或者之后插入一個包含content屬性指定內容的行內元素，最基本的用法如下： #example{ width:300px; height:40px; line-height ...

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

CSS 有兩個說不上常用的偽類 :before 和 :after，偶爾會被人用來添加些自定義格式什么的，但是它們的功用不僅於此。前幾天發現了 Creative Link Effects 這個非常有意思的介紹創意鏈接特效的頁面，里面驚人的效果大量使用到的特性除了 transform 屬性進行變形之外 ...

在touch中，我們常用的1px邊方案就是通過偽類+transform的scale來縮放偽類元素，達到1像素邊的方案。 但是在實際的項目中，經常會存在希望通過后台配置來控制前端樣式的展示，例如通過配置來實現邊框顏色的修改。此時需要動態的使用js動態的修改before的style屬性。 常見的方法 ...

需求：一段文字，當收起的時候，顯示4行，並且多余4行的部分用省略號表示，關鍵是在省略號前面留有空白部分來放一些圖標等東西；展開的時候，全部顯示。 例如下面的示例圖： 收起的時候： 展開的時候： 在不用JS的情況下，如何能只用CSS就做到呢？ (一)先看下html結構 ...

HTML+CSS 利用偽類制作邊框 HTML： <div class="colume"> <div class="panel bar"> <h2>柱形圖</h2> <div ...

一直感覺這兩個偽類對象不是很重要，並且IE對它兩兄弟並不支持，所以也沒有怎么靜下心來研究，只有在清楚浮動clearfix的時候會用到哈，其他都很 少用！不過最近在研究css3的時候覺得它兩個的搭配不僅能夠減少代碼量並且能整出很巴適的效果，所以就來研究研究哈！ 一、先來 ...