css after hover not 偽類選擇

一、x:after 
.clearfix:after {
content: “”;
display: block;
clear: both;
visibility: hidden;
font-size: 0;
height: 0;
}
.clearfix {
*display: inline-block;
_height: 1%;
}
　　我想上面這段代碼，很多朋友都非常熟悉，是清理浮動時常用的hack方法。:after偽類與content結合使用，用於往元素類追加內容。:after偽類還有個妙用：用於產生陰影，點擊這裡查看。

二、x:hover

 
div:hover {
background: #e3e3e3;
}
　　hover在前面的文章中已經介紹過，ie6下只支援a的hover。
　　即使用border-bottom: 1px solid black; 要好於text-decoration: underline;
　　從實際的效果來看，使用border-bottom的距離比text-decoration來的合理，但使用border-bottom存在一些風險，比如顏色問題。

三、x:not(selector)

 
div:not(#container) {
color: blue;
}
　　否定偽類別選取器，這還是比較好理解的，上述將會把非id為container的div的字型顏色設定為藍色。
　　:not偽類ie8並不支援，ie9已經支援了。

四、x::ps教程eudoelement

 
p::first-line {
font-weight: bold;
font-size: 1.2em;
}
　　::偽類，用於給元素的片段添加樣式，這如何理解呢？比如你要讓一個段落的第一行的文字加粗，那麼這個選取器是不二之選。
　　除此之外，你還可以給第一個字加上特殊樣式，這個應用還是非常常見的

 
p::first-letter {
float: left;
font-size: 2em;
font-weight: bold;
font-family: cursive;
padding-right: 2px;
}