天天看點

css僞類和僞元素

什麼是類: 在HTML中當表現class屬性的時候,可以用點“.号+class屬性名"來選擇标簽,給标簽添加一定的樣式,此類選擇符叫類選擇符。

什麼是僞類: 僞類:僞類對元素進行分類是基于特征(characteristics)而不是它們的名字、屬性或者内容;原則上特征是不可以從文檔樹上推斷得到的。在感覺上僞類可以是動态的,當使用者和文檔進行互動的時候一個元素可以擷取或者失去一個僞類。例外的是”:first-child”能通過文檔樹推斷出來,”:lang”在一些情況下也在從文檔樹中推斷出來。

什麼是僞元素:  僞元素:僞元素是創造關于文檔語言能夠指定的文檔樹之外的抽象。例如文檔語言不能提供通路元素内容第一字或者第一行的機制。僞元素允許設計師引用它們,否則這是難以辦到的。僞元素還提供樣式設計師給在源文檔中不存在的内容配置設定樣式(例如::before和:after能夠通路産生的内容) 我個人通俗的了解就是:(不知道能不能這樣了解) 僞類相當于給标簽加一個”類“,即加另一個樣式,例如當用:hover時,我們就可以給相應的标簽加上一些其他的樣式 僞元素就是相當于給文檔上加上一個新的”标簽“,是以稱之為”元素“

css的僞類有::active, :focus, :hover,:link, :visited,:first-child, :lang css的僞元素有::first-line,:first-letter,:before,:after 

另外,現在css3中有單冒号和雙冒号,例如::before,::after 具體的差別是:單冒号(:)用于CSS3僞類,雙冒号(::)用于CSS3僞元素,這是為了用于區分僞類和僞元素 但是浏覽器仍然支援舊的已經存在的僞元素寫法,比如:first-line、:first-letter、:before、:after等,而新的在CSS3中引入的僞元素則不允許再支援舊的單冒号的寫法。

對于CSS2之前已有的僞元素,比如:before,單冒号和雙冒号的寫法::before作用是一樣的。