CSS中的偽元素

2021-10-25 14:37:12 字數 652 閱讀 7231

:nth-child()是乙個css3偽元素,它會根據指定的選擇器選定頁面或父元素的第n個元素

示例:

/* 在下面的例子中,我們選中頁面中的第二段 */

p:nth-child(2)

/* 也可以選定div中的第二段或者列表中的第二項 */

div p:nth-child(2)

ul li:nth-child(2)

還可以使用:nth-child(even)和:nth-child(odd)偽類來獲取偶數個和奇數個元素

:first-line偽元素讓你可以選擇html元素包含文字的首行

示例:

/* 下面乙個例子為文字的第一行加粗,並讓它的字母大寫 */

p:first-line

:first-child偽元素(css2)和:last-child(css3)

偽元素可以選擇乙個集合裡的第乙個和最後乙個元素

示例:

/* 列表的第乙個下邊距 */

.list:first-child

/* 列表的最後乙個下邊距 */

.list:last-child

css中的偽類和偽元素

一 css偽類 pseudo class 是用來新增一些選擇器的特殊效果。由於狀態的變化是非靜態的,所以元素達到乙個特定狀態時,它可能得到乙個偽類的樣式 當狀態改變時,它又會失去這個樣式。由此可以看出,它的功能和class有些類似,但它是基於文件之外的抽象,所以叫偽類。偽類的語法 selector ...

CSS中的偽類和偽元素

2019獨角獸企業重金招聘python工程師標準 偽類與類相似,但又沒有類附加標籤上。偽類分為ui偽類和結構化偽類。偽元素是在文件中若有實無的元素。主要有以下幾種 看到 after,大家腦子裡應該都能浮現出那個清除浮動的css的吧。沒錯,就是這個。clearfix after仔細琢磨下它們的定義。偽...

css中的偽類和偽元素

2019獨角獸企業重金招聘python工程師標準 偽類與類相似,但又沒有類附加標籤上。偽類分為ui偽類和結構化偽類。偽元素是在文件中若有實無的元素。主要有以下幾種 看到 after,大家腦子裡應該都能浮現出那個清除浮動的css的吧。沒錯,就是這個。1 2 3 4 5 6 7 clearfix aft...