這篇“CSS偽類有哪些”除了程序員外大部分人都不太理解，今天小編為了讓大家更加理解“CSS偽類有哪些”，給大家總結(jié)了以下內(nèi)容，具有一定借鑒價值，內(nèi)容詳細(xì)步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望大家通過這篇文章有所收獲，下面讓我們一起來看看具體內(nèi)容吧。

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站制作、成都做網(wǎng)站、鳳城網(wǎng)絡(luò)推廣、微信小程序定制開發(fā)、鳳城網(wǎng)絡(luò)營銷、鳳城企業(yè)策劃、鳳城品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供鳳城建站搭建服務(wù)，24小時服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

css是什么意思

css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機(jī)語言，主要是用來設(shè)計網(wǎng)頁的樣式，使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件中，而樣式規(guī)則的優(yōu)先級由css根據(jù)這個層次結(jié)構(gòu)決定，從而實現(xiàn)級聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對于網(wǎng)頁進(jìn)行格式化。

css 偽類是用于向某些選擇器添加特殊的效果，是動態(tài)的，指當(dāng)前元素所處的狀態(tài)或者特性。只有一個元素達(dá)到一個特定狀態(tài)時，它可能得到一個偽類的樣式；當(dāng)狀態(tài)改變時，它又會失去這個樣式。

::first-line | 選擇文本的第一行

::first-line 偽元素在某塊級元素的第一行應(yīng)用樣式。第一行的長度取決于很多因素，包括元素寬度，文檔寬度和文本的文字大小。

::first-line 偽元素只能在塊容器中,所以,::first-line偽元素只能在一個display值為block, inline-block, table-cell 或者 table-caption中有用。在其他的類型中，::first-line 是不起作用的。

用法如下：

p:first-line {
  color: lightcoral;
}

::first-letter | 選擇這一行的第一字

CSS 偽元素 ::first-letter會選中某塊級元素第一行的第一個字母。用法如下：

前端小智，不斷努，終身學(xué)習(xí)者！

::selection| 被用戶高亮的部分

::selection 偽元素應(yīng)用于文檔中被用戶高亮的部分（比如使用鼠標(biāo)或其他選擇設(shè)備選中的部分）。

div::selection {
      color: #409EFF;
}

:root | 根元素

:root 偽類匹配文檔樹的根元素。對于 HTML 來說，:root 表示 元素，除了優(yōu)先級更高之外，與 html 選擇器相同。

在聲明全局 CSS 變量時 :root 會很有用：

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}

:empty | 僅當(dāng)子項為空時才有作用

:empty 偽類代表沒有子元素的元素。子元素只可以是元素節(jié)點或文本（包括空格）,注釋或處理指令都不會產(chǎn)生影響。

div:empty {
  border: 2px solid orange;
  margin-bottom: 10px;
}

只有第一個和第二個div有作用，因為它們確實是空的，第三個 div 沒有作用，因為它有一個換行。

:only-child | 只有一個子元素才有作用

:only-child 匹配沒有任何兄弟元素的元素.等效的選擇器還可以寫成 :first-child:last-child或者:nth-child(1):nth-last-child(1),當(dāng)然,前者的權(quán)重會低一點。

p:only-child{
  background: #409EFF;
}


  
第一個沒有任何兄弟元素的元素


  
第二個
  
第二個

:first-of-type | 選擇指定類型的第一個子元素

:first-of-type表示一組兄弟元素中其類型的第一個元素。

.innerDiv p:first-of-type {
  color: orangered;
}

上面表示將 .innerDiv 內(nèi)的第一個元素為 p 的顏色設(shè)置為橘色。

    
Div1
    
These are the necessary steps
    
hiya
    
    

        Do not push the brake at the same time as the accelerator.
    
    
Div2