1樓：匿名使用者
偽類和偽元素在作用上都可以說是在某些選擇器新增特殊樣式。
至於他們的區別和相關應用，我們可以看偽類和偽元素分別都包含什麼。
偽類:偽元素:
2樓：惡客
偽類：用於向某些選擇器新增特殊的效果
偽元素：用於將特殊的效果新增到某些選擇器
偽類的效果可以通過新增實際的類來實現
偽元素的效果可以通過新增實際的元素來實現
它們的本質區別就是是否抽象創造了新元素
this
is a text
如果我想讓t這個字母單獨變成紅色，如果使用偽類的話，我需要找個標籤把t單獨包起來在進行設定對吧，但是我可以用偽元素::first-letter，來直接進行設定，換句話說要用偽類必須是實際存在的元素，而偽元素就不需要
本答案出自「我要程式設計」軟體開發師訓練平台免費課程。
3樓：匿名使用者
偽類選擇元素基於的是當前元素處於的狀態，或者說元素當前所具有的特性，而不是元素的id、class、屬性等靜態的屬性。由於狀態是動態變化的，所以乙個元素達到乙個特定狀態時，它可能得到乙個偽類的樣式；當狀態改變時，它又會失去這個樣式。由此可以看出，它的功能和class有些類似，但它是基於文件之外的抽象，所以叫偽類。
:link :visited :hover :active
:root :not(selector) :valid :invalid
:required :optional 選擇沒有required屬性的元素
:in-range :out-of-range
:checked :disabled :enabled
:empty 選擇沒有子元素的元素
:first-of-type :last-of-type :
nth-of-type(n) :nth-last-of-type(n) :only-of-type 同一級中的某乙個
:last-child :nth-child(n) :nth-last-child(n) :first-child :only-child 是父元素中唯一乙個子元素
:target 當前目標元素
類似於行內塊級元素
偽元素是對元素中的特定內容進行操作，它所操作的層次比偽類更深了一層，也因此它的動態性比偽類要低得多。設計偽元素的目的就是去選取諸如元素內容第乙個字（母）、第一行，選取某些內容前面或後面這種普通的選擇器無法完成的工作。它控制的內容實際上和元素是相同的，但是它本身只是基於元素的抽象，並不存在於文件中，所以叫偽元素。
::selection 使用者選中高亮的部分 ::backdrop 全屏模式設定下層文件樣式 ::
first-line ::first-letter ::before ::
after
css偽類和偽元素的區別及相關應用
4樓：希雁菡隗來
偽類和偽元素在作用上都可以說是在某些選擇器新增特殊樣式。
至於他們的區別和相關應用，我們可以看偽類和偽元素分別都包含什麼。
偽類:偽元素:
5樓：韶瓏計邈
偽類：用於向某些選擇器新增特殊的效果
偽元素：用於將特殊的效果新增到某些選擇器
偽類的效果可以通過新增實際的類來實現
偽元素的效果可以通過新增實際的元素來實現
它們的本質區別就是是否抽象創造了新元素
thisisa
text
如果我想讓t這個字母單獨變成紅色，如果使用偽類的話，我需要找個標籤把t單獨包起來在進行設定對吧，但是我可以用偽元素::first-letter，來直接進行設定，換句話說要用偽類必須是實際存在的元素，而偽元素就不需要
本答案出自「我要程式設計」軟體開發師訓練平台免費課程。
6樓：爾雁露佟棟
偽類偽類選擇元素基於的是當前元素處於的狀態，或者說元素當前所具有的特性，而不是元素的id、class、屬性等靜態的屬性。由於狀態是動態變化的，所以乙個元素達到乙個特定狀態時，它可能得到乙個偽類的樣式；當狀態改變時，它又會失去這個樣式。由此可以看出，它的功能和class有些類似，但它是基於文件之外的抽象，所以叫偽類。
:link :visited :hover :active
:root :not(selector) :valid :invalid
:required :optional 選擇沒有required屬性的元素
:in-range :out-of-range
:checked :disabled :enabled
:empty 選擇沒有子元素的元素
:first-of-type :last-of-type :
nth-of-type(n) :nth-last-of-type(n) :only-of-type 同一級中的某乙個
:last-child :nth-child(n) :nth-last-child(n) :first-child :only-child 是父元素中唯一乙個子元素
:target 當前目標元素
偽元素類似於行內塊級元素
偽元素是對元素中的特定內容進行操作，它所操作的層次比偽類更深了一層，也因此它的動態性比偽類要低得多。設計偽元素的目的就是去選取諸如元素內容第乙個字（母）、第一行，選取某些內容前面或後面這種普通的選擇器無法完成的工作。它控制的內容實際上和元素是相同的，但是它本身只是基於元素的抽象，並不存在於文件中，所以叫偽元素。
::selection 使用者選中高亮的部分 ::backdrop 全屏模式設定下層文件樣式 ::
first-line ::first-letter ::before ::
after
css偽元素和偽類的區別
7樓：碼匠
簡單的來說，偽類是針對css，而偽元素是針對html，偽類選擇器是css選擇器的一種，而偽類是「假」的html標籤
偽類（選擇器）本質上是為了彌補常規css選擇器的不足，以便獲取到更多資訊；
偽元素本質上是建立了乙個有內容的虛擬容器；
在css3中，偽類和偽元素的語法得到了進一步的調整（乙個冒號和兩個冒號）；
在開發當中，可以同時使用多個偽類，而只能同時使用乙個偽元素。
css偽元素和偽類的區別
8樓：揚瑞靈竺莞
簡單的來說，偽類是針對css，而偽元素是針對html，偽類選擇器是css選擇器的一種，而偽類是「假」的html標籤
偽類（選擇器）本質上是為了彌補常規css選擇器的不足，以便獲取到更多資訊；
偽元素本質上是建立了乙個有內容的虛擬容器；
在css3中，偽類和偽元素的語法得到了進一步的調整（乙個冒號和兩個冒號）；
在開發當中，可以同時使用多個偽類，而只能同時使用乙個偽元素。
css中什麼是偽類和偽元素？
9樓：小元寶
偽類一開始單單只是用來表示一些元素的動態狀態，典型的就是鏈結的各個狀態(lvha)。隨後css2標準擴充套件了其概念範圍，使其成為了所有邏輯上存在但在文件樹中卻無須標識的「幽靈」分類。
偽元素則代表了某個元素的子元素，這個子元素雖然在邏輯上存在，但卻並不實際存在於文件樹中。
偽類選擇元素基於的是當前元素處於的狀態，或者說元素當前所具有的特性，而不是元素的id、class、屬性等靜態的標誌。由於狀態是動態變化的，所以乙個元素達到乙個特定狀態時，它可能得到乙個偽類的樣式；當狀態改變時，它又會失去這個樣式。由此可以看出，它的功能和class有些類似，但它是基於文件之外的抽象，所以叫偽類。
與偽類針對特殊狀態的元素不同的是，偽元素是對元素中的特定內容進行操作，它所操作的層次比偽類更深了一層，也因此它的動態性比偽類要低得多。實際上，設計偽元素的目的就是去選取諸如元素內容第乙個字（母）、第一行，選取某些內容前面或後面這種普通的選擇器無法完成的工作。它控制的內容實際上和元素是相同的，但是它本身只是基於元素的抽象，並不存在於文件中，所以叫偽元素。
10樓：無所無謂而有
那個推薦答案說的真虎，我說說吧，偽元素可以獨自使用，偽類不可以，css3中規定偽元素用雙冒號表示，偽類用單冒號表示。。。。。。。。偽類就是方便。。偽元素也很多，可以設定滾動條樣式，可以設定類裡面的首字的樣式等，而偽類。。。。。。
沒了。。。。。。。。。。
css中偽類和偽元素（物件）的疑問。
11樓：匿名使用者
偽類是種類，偽元素是個體，人類和人的區別。
css中什麼是偽類和偽元素？？通俗點
12樓：海南特產大全
我的理解是：
這是偽類的用法：
a:link /* 未被訪問的鏈結 紅色 */a:visited /* 已被訪問過的鏈結 綠色 */a:
hover /* 滑鼠懸浮在上的鏈結 橙色 */a:active /* 滑鼠點中啟用鏈結 藍色 */設定的顏色就是偽元素，不知道你理解麼？
希望幫到你
13樓：
a:link /* 未被訪問的鏈結
a:visited /* 已被訪問過的鏈結a:hover /* 滑鼠懸浮在上的鏈結a:active /* 滑鼠點中啟用鏈結
14樓：無所無謂而有
那個推薦答案說的真虎，我說說吧，偽元素可以獨自使用，偽類不可以，css3中規定偽元素用雙冒號表示，偽類用單冒號表示。。。。。。。。偽類就是方便。。偽元素也很多，可以設定滾動條樣式，可以設定類裡面的首字的樣式等，而偽類。。。。。。
沒了。。。。。。。。。。
15樓：昂子帆
我就告訴你乙個通俗的。
前面帶:的就是偽類。
例如：hove，link等。
16樓：匿名使用者
我是初學者，還望指教：
所謂偽類就是根據一定的特徵對元素進行分類，而不是根據內容、名稱、屬性。原則上特徵是不能根據html文件的結構（dom）得到的。在直觀上分析偽類是一種動態，當使用者與html文件進行互動時，乙個元素 失去或獲得一種特徵的特定狀態屬性稱之為偽類，因為他的狀態並不是固定的。
如滑鼠經過、離開《a》元素的超連結時，發生的幾種狀態。
17樓：註冊好勒
比如滑鼠移到鏈結上，鏈結變色的效果
a:hover 這就是偽類。
不專業的說帶冒號的就是偽類或者偽元素了。作用就是提供一些特定的效果，比如未訪問過的鏈結link，已訪問過的鏈結visited這些。
p:first-line
first-line這個就是偽元素
這個是特定的首行效果，還有特定的首字母效果first-letter偽元素的作用就是為你提供一些方便，如果有3行字，第一行要有不一樣的效果，那麼如果沒有偽元素，你需要自己建立乙個容器，第一行
第二行第三行
之類的，有了偽元素就不用了。直接是第一行第二行第三行，然後定義p:first-line就可以了。
如果想要區分偽類和偽元素，那麼就根據他的作用來判斷。
CSS指的是什麼，CSS類是什麼啊？
css類是指可以被反覆使用的乙個css定義 比如定義類.red 那麼任何使用這個類的容器裡面的字都會是紅色的 什麼是css？在要用時選取那段文字，再在css面板上點一下 bgstyle 就行了。8 如何給部分文字加背景影象？與加背景色操作類似，中是在背景在選擇載入圖象就是了，乙個定義好的加背景圖象的...
CSS的min height和max height屬性，IE
讓所有瀏覽器都支援max height的css樣式 完整 max height 1000px height expression document.documentelement.clientheight document.body.clientheight 1000?1000px overflow...
CSS3與CSS2的區別和支援性
製作時間 首先，筆者在製作時間上進行對比，利用css3製作頁面遠比使用css節省時間。因為css3可以直接製作很多效果用來替換 而使用舊css版本製作的頁面需要製作一些 來體現效果，所以在製作 上也要花費很多時間。檔案數量 容量及載入時間 css3版本的css檔案大小為5.2k，網頁檔案總數為12，...
ios偽後台和wp7的偽後台有什麼區別
教主你好 wp7墓碑後台就是快速載入，相當於只保留了應用的主要部分需要恢復，恢復速度不如ios 安卓真後台和蘋果偽後台有什麼區別？ 梁鵬舉蔚縣分舉 2 對手機流暢度的影響不同。安卓系統 真後台 允許應用在後台執行，使得手機容易卡頓，對手機的流暢度影響較高，會使手機的使用流暢度大大降低，而蘋果的ios...
CSS中margin和padding的區別
margin和padding都表示邊距的，margin是指的外邊距屬性,padding是指的內邊距。這是盒子模型的概念。盒子模型示意 示例 結果如下 一 padding 1 語法結構 1 padding left 10px 左內邊距 2 padding right 10px 右內邊距 3 paddi...