css 選擇器是用來選擇標籤的，選出來以後給標籤加樣式。
標籤選擇器
類選擇器
層級選擇器(後代選擇器)
id選擇器
組選擇器
偽類選擇器
根據標籤來選擇標籤，以標籤開頭，此種選擇器影響範圍大，一般用來做一些通用設定。
示例**
type
="text/css"
>
pstyle
>
>
hellodiv
>
>
hellop
>
示例**
type
="text/css"
>
.blue
.big
.box
style
>
class
="blue"
>
這是乙個divdiv
>
class
="blue big box"
>
這是乙個標題h3
>
class
="blue box"
>
這是乙個段落p
>
示例**
type
="text/css"
>
div p
.con
.con span
.con .pink
.con .gold
style
>
>
>
hellop
>
div>
class
="con"
>
>
哈哈span
>
href
="#"
class
="pink"
>
>
href
="#"
class
="gold"
>
谷歌a>
div>
>
你好span
>
href
="#"
class
="pink"
>
>
示例**
type
="text/css"
>
#box
style
>
"box"
>
這是乙個段落標籤p
>
>
這是第二個段落標籤p
>
>
這是第三個段落標籤p
>
根據組合的選擇器選擇不同的標籤，以 , 分割開, 如果有公共的樣式設定，可以使用組選擇器。
示例**
type
="text/css"
>
.box1,.box2,.box3
.box1
.box2
.box2
style
>
class
="box1"
>
這是第乙個divdiv
>
class
="box2"
>
這是第二個divdiv
>
class
="box3"
>
這是第三個divdiv
>
示例**
type
="text/css"
>
.box1
.box1:hover
style
>
class
="box1"
>
這是第乙個divdiv
>
css語法選擇器
表示的選擇所有的節點 表示的是id為container的 節點 container選擇所有class屬性是container的節點 li a 選擇所有的li標籤下面的a元素 ul p 選擇ul後面面的第乙個p元素 div container ul 選擇id是container的div的第乙個ul元素...
css選擇器語法速查
通用選擇器 類似於萬用字元，匹配文件中所有元素型別 型別選擇器 h1,h2,p 匹配以逗號隔開元素列表中的所有元素 類選擇器 glass or p.glass id選擇器 id or p id 子選擇器 td b 匹配元素是另外乙個元素的直接子元素 後繼選擇器 td b 匹配另乙個指定元素的所有巢狀...
css語法和選擇器
4.css語法 格式 選擇器 選擇器 篩選具有相似特徵的元素 注意 每一對屬性需要使用 隔開，最後一對屬性可以不加 5.選擇器 篩選具有相似特徵的元素 分類 1.基礎選擇器 1.id選擇器 選擇器具體的id屬性值的元素.建議在乙個html頁面中id值唯一 語法 id屬性值 注意 id選擇器的優先順序...