偽元素和偽類有何區別,css偽元素和偽類的區別

2022-05-17 09:18:57 字數 2661 閱讀 6160

1樓:皇玉芬逯巳

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

2樓:永同書曹嫣

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

css3

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

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

3樓:小元寶

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

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

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

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

4樓:無所無謂而有

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

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

css偽元素和偽類的區別

5樓:碼匠

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

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

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

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

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

css中什麼是偽類和偽元素??通俗點

6樓:海南特產大全

我的理解是:

這是偽類的用法:

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

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

希望幫到你

7樓:

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

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

8樓:無所無謂而有

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

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

9樓:昂子帆

我就告訴你一個通俗的。

前面帶:的就是偽類。

例如:hove,link等。

10樓:匿名使用者

我是初學者,還望指教:

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

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

11樓:註冊好勒

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

a:hover 這就是偽類。

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

p:first-line

first-line這個就是偽元素

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

第二行第三行

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

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

12樓:

偽類a:link

偽元素:link

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

有關css偽類 after清除浮動的問題

浮動產生負作用 1 背景不能顯示 由於浮動產生,如果對父級設定了 css background背景 css背景顏色或css背景 而父級不能被撐開,所以導致css背景不能顯示。2 邊框不能撐開 如上圖中,如果父級設定了css邊框屬性 css border 由於子級裡使用了float屬性,產生浮動,父級...

偽娘和同性戀有什麼區別偽娘和GAY的區別誰解答下

偽娘只是喜歡打扮成女孩的樣子的男子。但不一定是同性戀。同性戀不一定是偽娘,他們性取向是同性別的罷了。偽娘 是二次元生物 被同化成為人類社會的特有群種 而gay,已久,話說最新的研究顯示正是gay推動了日本歷史的發展。當然不同,同性戀什麼男人都可以,偽娘只對直男感性趣,偽娘喜歡打自己打扮的像女人這是從...

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

偽球迷就是一談到足球很激動 真球迷就是遇到重點才激動 一個是將足球當成是生命中重要的一部分 另一個只是把足球當成一個為自己撐面子的遊戲,剛看一會就想睡覺,但礙著自己的面子,硬撐著,同時也想著明天怎麼去和他們吹吹自己熬夜看球,這就是典型的偽球迷心理。真正的球迷會掉眼淚,而偽球迷只懂得歡呼.永遠支援自己...