偽類與偽元素的特性及其區(qū)別

偽類本質(zhì)上是為了彌補(bǔ)常規(guī)CSS選擇器的不足，以便獲取到更多信息；

偽元素本質(zhì)上是創(chuàng)建了一個(gè)有內(nèi)容的虛擬容器；

CSS3中偽類和偽元素的語法不同；

偽類 :link :hover

偽元素 ::before ::after

可以同時(shí)使用多個(gè)偽類，而只能同時(shí)使用一個(gè)偽元素；

其中偽類和偽元素的根本區(qū)別在于：它們是否創(chuàng)造了新的元素,, 這個(gè)新創(chuàng)造的元素就叫 “偽元素” ；

偽元素/偽對(duì)象：不存在在DOM文檔中，是虛擬的元素，是創(chuàng)建新元素。 這個(gè)新元素(偽元素)是某個(gè)元素的子元素，這個(gè)子元素雖然在邏輯上存在，但卻并不實(shí)際存在于文檔樹中。

偽類：存在DOM文檔中，(無標(biāo)簽,找不到, 只有符合觸發(fā)條件時(shí)才能看到 ), 邏輯上存在但在文檔樹中卻無須標(biāo)識(shí)的“幽靈”分類。

因?yàn)閭晤愂穷愃朴谔砑宇愃钥梢允嵌鄠€(gè)，而偽元素在一個(gè)選擇器中只能出現(xiàn)一次，并且只能出現(xiàn)在末尾；

W3C中對(duì)于二者應(yīng)用的描述(描述太模糊, 不容易理解)：

偽類：用于向某些選擇器添加特殊的效果偽元素：用于將特殊的效果添加到某些選擇器(標(biāo)簽）

下面看下常用的幾種布局方式

• 固定布局
• 流式布局（自適應(yīng)布局）
• 彈性布局（伸縮布局）
• 定位布局
• 浮動(dòng)布局
• 響應(yīng)式布局（媒體查詢）

總結(jié)

以上所述是小編給大家介紹的CSS常見面試問題匯總(推薦)，希望對(duì)大家有所幫助，也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

最新評(píng)論