再读《精通css》02:选择器
2019獨角獸企業重金招聘Python工程師標準>>>
????1.2 為樣式找到目標
1、類型選擇器用來選擇特定類型的原素。比如p,a,h1等等。也叫元素選擇器或簡單選擇器。
2、后代選擇器用來尋找特定元素或元素組的后代。后代選擇器由兩個選擇器之間的空格表示。如li a或#nav #navItem.
3、id選擇器和類選擇器用于選擇具有特定id和類名稱的元素。id選擇器以#開頭,類選擇器以.開頭。
4、為了防止“多類癥”,推薦對祖先元素定義一個id或class。后代元素用后代選擇器選擇。這就要求有良好的文檔結構。
5、如果希望根據文檔結構以外的其他條件來運用樣式。可以使用偽類。:link和:visited稱為鏈接偽類,只能用于錨元素。:hover、:active、:focus稱為動態偽類。理論上可以用于所有元素。但實際上只有fireFox等少數瀏覽器支持動態偽類功能。
6、通用選擇器用一個*表示。他可以匹配所有可用元素。通常用于覆蓋瀏覽器默認樣式,或者和后代選擇器配合使用用于選擇某個元素(組)的所有后代元素或跳過某一級后代元素。
7、其他高級選擇器由于IE6不支持,不推薦使用。分別有:子元素選擇器如:#nav>li、相鄰同胞選擇器如:h1+p、屬性選擇器如:a[title]
8、使用style屬性在元素上編寫的樣式比其他任何形式的樣式都特殊,有id選擇器的規則比沒有id選擇器的規則特殊,具有類(classs)選擇器的規則比只有類型選擇器的規則特殊,如果多個選擇器的特殊性相同。則寫在最后面的最特殊。
9、可以在一般的元素上運用一般的樣式,在特殊的元素上覆蓋他們。
10、在body上運用class或id。可以在頁面或者站點范圍內覆蓋樣式,這種做法叫css簽名。
11、繼承:運用樣式的元素的后代元素會繼承樣式中的某些屬性,比如字號和顏色。繼承可以簡化css代碼。但過多的繼承會使判斷元素的樣式來源變得復雜。???
轉載于:https://my.oschina.net/laichendong/blog/283855
總結
以上是生活随笔為你收集整理的再读《精通css》02:选择器的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【富文本】解决会声会影、PR、AE处理视
- 下一篇: CommonCollection1反序列