後代元素可以繼承祖先元素的一些基本樣式
示例：
我是乙個段落
我是p標籤中的span
我是p標籤外的span
在頁面中使用css選擇器選中元素時，經常都是乙個元素同時被多個選擇器選中。
比如：– body h1
– h1
上邊的兩個選擇器都會選擇h1元素，如果兩個選擇器設定的樣式不一致那還好不會產生衝突，但是如果兩個選擇器設定的是同乙個樣式，這樣h1到底要應用那個樣式呢？css中會預設使用權重較大的樣式，權重又是如何計算的呢？
不同的選擇器有不同的權重值：
– 內聯樣式：權重是 1000
– id選擇器：權重是 100
– 類、屬性、偽類選擇器：權重是 10
– 元素選擇器：權重是 1
– 萬用字元：權重是 0
（注：繼承來的樣式沒有優先順序）
• 計算權重需要將乙個樣式的全部選擇器相加，比如上邊的bodyh1的權重是20，h1的權重是10，所以第乙個選擇器設定的樣式會優先顯示。
當樣式發生衝突時，需要將相關的選擇器優先順序進行求和計算，優先順序高的優先顯示，如果優先順序一樣，則顯示靠後的樣式
優先順序計算時，總大小不能超過他的最大的數量級
可以在樣式後邊新增乙個!important，如果樣式中新增了該內容，則該樣式將會獲取最大的優先順序，將會優先於所有的樣式顯示，包括內聯樣式，但是這個屬性要慎用。
瀏覽器在解析一組選擇器時，是從後邊往前乙個乙個的解析的
如果選擇器編寫過於長的話，瀏覽器解析起來效能會比較差，所以在編寫選擇器時，越短越好。
*通配選擇器，效能也比較差，要避免使用通配選擇器
2 Css中的樣式選擇器
1 樣式規則的選擇器 通過怎樣的途徑來獲得頁面上要設定樣式的元素 1 html selector 2 class selector 需要給要設定樣式的元素的class屬性賦值 3 id selector 需要給要設定樣式的元素的id屬性賦值 4 關聯選擇器 p em text indent 0cm ...
2 CSS使用方式及常用選擇器
1.css的使用方式 1.行內樣式 2.內聯樣式 3.外聯樣式 href css index.css 此處為外部css的位址 index.css內 div2.常見選擇器 這個是乙個段落 這個是乙個段落 3.包含選擇器 4.屬性選擇器 這個是乙個div 這個是乙個div attribute 用於選取帶...
CSS學習筆記2 CSS選擇器
一 css選擇器 1.什麼是css選擇器 2.css選擇器的作用 根據指定標籤，在當前頁面中，找到所有符合條件的標籤，設定樣式 3.選擇器需要的注意點 選擇器選中的是所有該型別的標籤，不是一部分，是所有。無論標籤藏得多深，選擇器都可以找到該標籤 二 常見的css選擇器 1.標籤選擇器 作用 在整個頁...