css中偽類和偽元素的區別,css偽元素和偽類的區別

2022-06-08 12:56:29 字數 5076 閱讀 6013

1樓:匿名使用者

:hover

:focus

這些是偽類,還有一些,你自己找

目前偽元素只有

::before

::after

css偽元素和偽類的區別

2樓:碼匠

簡單的來說,偽類是針對css,而偽元素是針對html,偽類選擇器是css選擇器的一種,而偽類是「假」的html標籤

偽類(選擇器)本質上是為了彌補常規css選擇器的不足,以便獲取到更多資訊;

偽元素本質上是建立了乙個有內容的虛擬容器;

在css3中,偽類和偽元素的語法得到了進一步的調整(乙個冒號和兩個冒號);

在開發當中,可以同時使用多個偽類,而只能同時使用乙個偽元素。

css中什麼是偽類和偽元素?

3樓:小元寶

偽類一開始單單只是用來表示一些元素的動態狀態,典型的就是鏈結的各個狀態(lvha)。隨後css2標準擴充套件了其概念範圍,使其成為了所有邏輯上存在但在文件樹中卻無須標識的「幽靈」分類。

偽元素則代表了某個元素的子元素,這個子元素雖然在邏輯上存在,但卻並不實際存在於文件樹中。

偽類選擇元素基於的是當前元素處於的狀態,或者說元素當前所具有的特性,而不是元素的id、class、屬性等靜態的標誌。由於狀態是動態變化的,所以乙個元素達到乙個特定狀態時,它可能得到乙個偽類的樣式;當狀態改變時,它又會失去這個樣式。由此可以看出,它的功能和class有些類似,但它是基於文件之外的抽象,所以叫偽類。

與偽類針對特殊狀態的元素不同的是,偽元素是對元素中的特定內容進行操作,它所操作的層次比偽類更深了一層,也因此它的動態性比偽類要低得多。實際上,設計偽元素的目的就是去選取諸如元素內容第乙個字(母)、第一行,選取某些內容前面或後面這種普通的選擇器無法完成的工作。它控制的內容實際上和元素是相同的,但是它本身只是基於元素的抽象,並不存在於文件中,所以叫偽元素。

4樓:無所無謂而有

那個推薦答案說的真虎,我說說吧,偽元素可以獨自使用,偽類不可以,css3中規定偽元素用雙冒號表示,偽類用單冒號表示。。。。。。。。偽類就是方便。。偽元素也很多,可以設定滾動條樣式,可以設定類裡面的首字的樣式等,而偽類。。。。。。

沒了。。。。。。。。。。

css偽類和偽元素的區別及相關應用

5樓:希雁菡隗來

偽類和偽元素在作用上都可以說是在某些選擇器新增特殊樣式。

至於他們的區別和相關應用,我們可以看偽類和偽元素分別都包含什麼。

偽類:偽元素:

6樓:韶瓏計邈

偽類:用於向某些選擇器新增特殊的效果

偽元素:用於將特殊的效果新增到某些選擇器

偽類的效果可以通過新增實際的類來實現

偽元素的效果可以通過新增實際的元素來實現

它們的本質區別就是是否抽象創造了新元素

thisisa

text

如果我想讓t這個字母單獨變成紅色,如果使用偽類的話,我需要找個標籤把t單獨包起來在進行設定對吧,但是我可以用偽元素::first-letter,來直接進行設定,換句話說要用偽類必須是實際存在的元素,而偽元素就不需要

本答案出自「我要程式設計」軟體開發師訓練平台免費課程。

7樓:爾雁露佟棟

偽類偽類選擇元素基於的是當前元素處於的狀態,或者說元素當前所具有的特性,而不是元素的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中什麼是偽類和偽元素??通俗點

8樓:海南特產大全

我的理解是:

這是偽類的用法:

a:link /* 未被訪問的鏈結 紅色 */a:visited /* 已被訪問過的鏈結 綠色 */a:

hover /* 滑鼠懸浮在上的鏈結 橙色 */a:active /* 滑鼠點中啟用鏈結 藍色 */設定的顏色就是偽元素,不知道你理解麼?

希望幫到你

9樓:

a:link /* 未被訪問的鏈結

a:visited /* 已被訪問過的鏈結a:hover /* 滑鼠懸浮在上的鏈結a:active /* 滑鼠點中啟用鏈結

10樓:無所無謂而有

那個推薦答案說的真虎,我說說吧,偽元素可以獨自使用,偽類不可以,css3中規定偽元素用雙冒號表示,偽類用單冒號表示。。。。。。。。偽類就是方便。。偽元素也很多,可以設定滾動條樣式,可以設定類裡面的首字的樣式等,而偽類。。。。。。

沒了。。。。。。。。。。

11樓:昂子帆

我就告訴你乙個通俗的。

前面帶:的就是偽類。

例如:hove,link等。

12樓:匿名使用者

我是初學者,還望指教:

所謂偽類就是根據一定的特徵對元素進行分類,而不是根據內容、名稱、屬性。原則上特徵是不能根據html文件的結構(dom)得到的。在直觀上分析偽類是一種動態,當使用者與html文件進行互動時,乙個元素 失去或獲得一種特徵的特定狀態屬性稱之為偽類,因為他的狀態並不是固定的。

如滑鼠經過、離開《a》元素的超連結時,發生的幾種狀態。

13樓:註冊好勒

比如滑鼠移到鏈結上,鏈結變色的效果

a:hover 這就是偽類。

不專業的說帶冒號的就是偽類或者偽元素了。作用就是提供一些特定的效果,比如未訪問過的鏈結link,已訪問過的鏈結visited這些。

p:first-line

first-line這個就是偽元素

這個是特定的首行效果,還有特定的首字母效果first-letter偽元素的作用就是為你提供一些方便,如果有3行字,第一行要有不一樣的效果,那麼如果沒有偽元素,你需要自己建立乙個容器,第一行

第二行第三行

之類的,有了偽元素就不用了。直接是第一行第二行第三行,然後定義p:first-line就可以了。

如果想要區分偽類和偽元素,那麼就根據他的作用來判斷。

14樓:

偽類a:link

偽元素:link

偽元素和偽類有何區別???

15樓:皇玉芬逯巳

偽類的效果可以通過新增乙個實際的類來達到,而偽元素的效果則需要通過新增乙個實際的元素才能達到,這也是為什麼它們乙個成為偽類,乙個稱為偽元素的原因。偽元素用於處理結構,偽類用於處理樣式。

16樓:永同書曹嫣

偽元素和偽類之所以這麼容易混淆,是因為他們的效果類似而且寫法相仿,但實際上

css3

為了區分兩者,已經明確規定了偽類用乙個冒號來表示,而偽元素則用兩個冒號來表示。

html中常見偽類和偽元素的區別

偽類選擇器,偽類和偽元素的區別

17樓:

偽類 按現在的規範應當書寫成 :weilei偽元素 按現在的規範 應當書寫成 ::weiyuansu

但是 以前規範不明確的時候 偽元素 和 偽類 都是寫成 :weiyuansu :weilei

為了相容過去的寫法

所以 你的偽元素 寫成乙個引號的形式 也是可以被解析的

偽元素主要有:e:first-letter/e::

first-letter e:first-line/e::first-line e:

before/e::before e:after/e::

after e::placeholder e::selection

偽類主要有:e:link e:

visited e:hover e:active e:

focus e:lang(fr) e:not(s) e:

root e:first-child e:last-child e:

only-child e:nth-child(n) e:nth-last-child(n) e:

first-of-type e:last-of-type e:only-of-type e:

nth-of-type(n) e:nth-last-of-type(n) e:empty e:

checked e:enabled e:disabled e:

target @page:first @page:left @page:

right

單冒號 雙冒號 主要是為了區別 偽元素還是偽類

偽娘跟人妖有區別嗎,對於偽娘,和人妖有什麼區別喔

有區別。人妖是服用雌激素的。身體外表的女性化程度很高,容貌 胸部,都和女人幾乎一樣。只是第一性徵 下面的 還保留著。從心理上說,人妖多數都有性別認同障礙,認為自己應該是女孩子。偽娘就是男扮 僅僅通過化妝和服飾來打扮成女孩的樣子。從心理上說,偽娘一般認同自己的男性身份,穿上 還是男孩。性取向方面,多數...

偽球迷和真球迷最根本的區別是,真球迷和偽球迷有什麼區別?

真球迷 主隊常年不進季後賽,喜歡的球星常年萎靡不振,依然不離不棄。偽球迷 內贏球迷,牆頭容草,看誰厲害,喜歡誰。主隊一輸就破口大罵。實際不管是真球迷也好,假球迷也罷。喜歡一項運動,去熱愛它就好。因為這樣會給你帶來幸福感。最根本區別是會不會看越位 真球迷是會為了一場球而熬夜,偽球迷則只跟隨大眾 最大的...

css的id樣式和類樣式是什麼意思

如果html的標籤是帶有id屬性的 比如 css中可以用id樣式去匹配它,而如果html標籤帶有類 class 屬性 比如 則可以用類樣式去匹配。id和類的最大區別在於 id就像是標籤的身份證,是帶有唯一性的,同乙個頁面中不可以存在id相同的元素,因此id樣式只能匹配乙個標籤 而類顧名思義就是指類別...