偽類偽元素區(qū)別

　　· 相同點(diǎn)：都是屬于選擇器中的一種，能實(shí)現(xiàn)對(duì)于頁(yè)面元素的修飾

　　· 不同點(diǎn)：

　　o 1、概念不同：偽類：用于已有元素處于某種狀態(tài)時(shí)為其添加對(duì)應(yīng)的樣式，這個(gè)狀態(tài)是根據(jù)用戶行為而動(dòng)態(tài)變化的;例如鼠標(biāo)的懸停效果;偽元素：用于創(chuàng)建一些不在DOM樹(shù)中的元素，并為其添加樣式;例如：先前向后插入元素內(nèi)容等等

　　o 2、使用方法不同：css3規(guī)范中要求使用雙冒號(hào)(::)表示偽元素，以此來(lái)區(qū)分偽類和偽元素，比如::before和::after等偽元素使用雙冒號(hào)(::)，:hover和:active偽類使用單冒號(hào)(:)目前來(lái)看有一部分瀏覽器為了達(dá)到一個(gè)更好的兼容性的問(wèn)題，我們的雙冒號(hào)也可以寫(xiě)成單冒號(hào);但是在一些低版本瀏覽器里面有些時(shí)候還是需要使用雙冒號(hào)的

　　為什么無(wú)法定義1px左右高度的容器

　　高版本瀏覽器里面是能夠定義1px的高度的容器的 但是由于瀏覽器的版本和瀏覽器的內(nèi)核不一樣導(dǎo)致低版本瀏覽器中的兼容性不一樣 在低版本 IE6瀏覽器下面,容易出現(xiàn)這個(gè)問(wèn)題,產(chǎn)生問(wèn)題的原因是因?yàn)槟J(rèn)的行高造成的, 解決的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px

　　現(xiàn)在想調(diào)節(jié)—下父元素的透明度，但是又不影響子元素的透明度，怎么破?

　　- 原因分析：

　　- 使用css的opcity屬性改變某個(gè)元素的透明度，但是其元素下的子元素的透明度也會(huì)被改變，即便重定義也沒(méi)有用，不過(guò)有個(gè)方法可以實(shí)現(xiàn)，大家可以看看。

　　可以使用一張透明的圖片做背景可以達(dá)成效果，但是有沒(méi)有更簡(jiǎn)單的方法呢?使用 RGBA。

　　- 例如：

　　- 設(shè)置父元素opacity：0.5，子元素不設(shè)置opacity，子元素會(huì)受到父元素opacity的影響，也會(huì)有0.5的透明度。

　　即使設(shè)置子元素opacity：1，子元素的opacity：1也是在父元素的opacity：0.5的基礎(chǔ)上設(shè)置的，因此子元素的opacity還是0.5。

　　- 解決方法：

　　- 為父元素設(shè)置background: rgba(0,0,0,0.5)。

　　更多關(guān)于“web前端培訓(xùn)”的問(wèn)題，歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué)，課程大綱緊跟企業(yè)需求，更科學(xué)更嚴(yán)謹(jǐn)，每年培養(yǎng)泛IT人才近2萬(wàn)人。不論你是零基礎(chǔ)還是想提升，都可以找到適合的班型，千鋒教育隨時(shí)歡迎你來(lái)試聽(tīng)。