1.標籤選擇器 div /即頁面各標籤名的css式
2.類選擇器 .divclass /即定義
每標籤class中的css樣式,類選擇可以用於多個樣式中。
3.id選擇器 #mydiv /即頁面中的標籤id
4.在標籤中直接設定樣式你好,世界!
5.標籤+類選擇器 div .divclass ,兩個樣式中間用「空格」分隔。
6.div,h1,p所有div、h1、p標籤都應用下面樣式,標籤與標籤之間用「,」逗號隔開。
<style
type
="text/css"
>
div,h1,p
style
>
7.偽選擇器:a:hover ,偽選擇器以「:」冒號分隔。
在對同乙個標籤應用多種樣式時的順序:
直接寫在標籤後面的樣式高於其他樣式》id選擇器》類選擇器》標籤選擇器
注意:當不考慮優先順序問題就想讓某一樣式優先使用,可以使用下面屬性:!important
div
css 各種 選擇器
css 各種 選擇器 通配選擇器。全文匹配,所有使用,預設配置 標籤選擇器。應用於標籤為以下的html標籤 td 多標籤選擇器,也叫群組選擇器。應用於所有html標籤為以下的元素 td,p,div,a 類選擇器。應用於html頁面所有class屬性為ibmclass的標籤元素 ibmclass 精確...
CSS各種選擇器
1 元素選擇器 li 最常用 最基本 2 派生選擇器 li strong標籤間用空格分隔 定義了li標籤中的strong標籤的樣式,css1中上下文選擇器 css2中派生選擇器 3 id選擇器 id 在現代布局中,id 選擇器常常用於建立派生選擇器。id div 4 class選擇器 classna...
Css選擇器 層次選擇器(關係選擇器)
1.e f 匹配 e 元素下所有的子元素 f 後代選擇器 eg css.box a匹配 box 下所有的子元素 a 2.e f 匹配 e 元素下第一級子元素 f 子選擇器 eg css.box a匹配 box 下第一級子元素 a 3.e f 匹配 e 元素後面緊鄰的哪乙個 f 元素 有且僅有乙個 相...