3 基礎選擇器 權重

2021-10-08 04:44:20 字數 989 閱讀 5567

注重使用者體驗,培養使用者懶習慣,減少使用者操作

細節方面 預設選擇一些選項

非同步:同時執行

同步:不同時

與生活中剛好相反

!important

infinity

行間樣式

1000

id100

class/屬性/偽類

10標籤/偽元素

1萬用字元

0256進製

當前主流瀏覽器及其核心:

ie              trident

firefox gecko

google chrome webkit/blink

safari webkit

opera presto

行間樣式

頁面級css

>

divstyle

>

外部css檔案

id 唯一 一對一

#demo

class 可重複 多對多

.demo

標籤選擇器

div萬用字元 * 選擇所有(包括html,body等)

*{}屬性選擇器

[id] 或 [id=「demo」]

name

="province"

id=""

>

value="

">

北京option

>

value="

">

上海option

>

value="

">

天津option

>

select

>

選擇器的權重

樣式的衝突 當我們通過不同的選擇器,選中相同的元素,並且為相同的樣式設定不同的值時,此時就發生了樣式的衝突。發生樣式衝突時,應用哪個樣式由選擇器的權重 優先順序 決定 選擇器的權重 內聯樣式 1,0,0,0 id選擇器 0,1,0,0 類和偽類選擇器 0,0,1,0 元素選擇器 0,0,0,1 通配...

選擇器的權重

樣式 權值內聯樣式 1,0,0,0 id選擇器 0,1,0,0 類和偽類選擇器 0,0,1,0 元素選擇器 0,0,0,1 通配選擇器 0,0,0,0 繼承的樣式 沒有優先順序 注 1 比較優先順序時,需將所有的選擇器權值相加計算 相加是按位相加,不會進製 總的權值越高,優先順序越高。但分組選擇器是...

css選擇器 權重

基礎選擇器 一 標籤選擇器 p h1 css不區分大小寫,建議小寫 1 所有的標籤都可以作為標籤選擇器去使用 2 無論這個標籤藏多深,一定能夠被選上 3 選擇頁面所有的,而不是具體某乙個 標籤選擇器,選擇的是頁面上所有這種型別的標籤,所以經常描述 共性 無法描述某乙個元素的 個性 的。二 id選擇器...