偽類偽元素區(qū)別

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

　　· 不同點：

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

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

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

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

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

　　- 原因分析：

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

　　可以使用一張透明的圖片做背景可以達成效果，但是有沒有更簡單的方法呢?使用 RGBA。

　　- 例如：

　　- 設(shè)置父元素opacity：0.5，子元素不設(shè)置opacity，子元素會受到父元素opacity的影響，也會有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)”的問題，歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué)，課程大綱緊跟企業(yè)需求，更科學(xué)更嚴謹，每年培養(yǎng)泛IT人才近2萬人。不論你是零基礎(chǔ)還是想提升，都可以找到適合的班型，千鋒教育隨時歡迎你來試聽。