屬性
描述:link
向未被訪問的鏈結新增樣式。
:visited
向已被訪問的鏈結新增樣式。
:hover
當滑鼠懸浮在元素上方時，向元素新增樣式。
:active
向被啟用的元素新增樣式。
:focus
向擁有鍵盤輸入焦點的元素新增樣式。
:first-child
向元素的第乙個子元素新增樣式
:lang
向帶有指定 lang 屬性的元素新增樣式。
偽類的語法：
selector : pseudo-class
selector.class
: pseudo-class
例：匹配第乙個 元素
type="text/css">
p:first-child
style>
head>
some textp>
some textp>
body>
html>
例:lang 類為屬性值為 no 的 q 元素定義引號的型別
type="text/css">
q:lang(no)
style>
head>
文字lang="no">段落中的引用的文字q>文字p>
body>
html>
屬性描述
:first-letter
向文字的第乙個字母新增特殊樣式。
:first-line
向文字的首行新增特殊樣式。
:before
在元素之前新增內容。
:aftere
在元素之後新增內容。
偽元素的語法：
selector
:pseudo-element
selector
.class
:pseudo-element
對 p 元素的第一行文字進行格式化：
:first-line 偽元素
「first-line」 偽元素用於向文字的首行設定特殊樣式。
對 p 元素的第一行文字進行格式化：
p
:first-line
下面的屬性可應用於 「first-line」 偽元素：
font「first-letter」 偽元素用於向文字的首字母設定特殊樣式：color
background
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear
p
:first-letter
下面的屬性可應用於 「first-letter」 偽元素：
font「:before」 偽元素可以在元素的內容前面插入新內容。color
background
margin
padding
border
text-decoration
vertical-align (僅當 float 為 none 時)
text-transform
line-height
float
clear
下面的例子在每個元素前面插入一幅：
h1
:before
下面的例子在每個元素後面插入一幅：
css 偽類 與 偽元素
偽類就是一種虛構的狀態或者說是一種具有特殊屬性的元素，可以使用 css 進行樣式修飾。偽類前面通常加乙個 之後跟上偽類的名字或括號裡面的值。常用的偽類 link visited hove active focus first child nth child 偽元素更像是虛擬的元素可以和 html 元...
CSS 偽類與偽元素
根據用途分類的偽類總結圖和根據冒號分類的偽元素總結圖 偽類與偽元素 css引入偽類和偽元素概念是為了格式化文件樹以外的資訊 偽類用於當已有元素處於的某個狀態時，為其新增對應的樣式，這個狀態是根據使用者行為而動態變化的。偽元素用於建立一些不在文件樹中的元素，並為其新增樣式。區別 偽類的操作物件是文件樹...
css偽類與偽元素
css偽類 css 偽類用於向某些選擇器新增特殊的效果，語法結構如下 選擇器 偽類 注意 1 若 link visited hover和 active一起使用，hover 必須被置於 link 和 visited 之後，active 必須被置於 hover 之後，即 link visited hov...