CSS 1 選擇器
選擇器
h1{color:red;}
.m-nav {height:70px;font-size:14px;}
expression --> Array<element> 表示式 --> 數組<元素>
我們可以把選擇器理解為一個表達式 通過表達式我們可以選中一系列的元素 ，然後這裏的樣式就會運用到我們選擇的元素上去
選擇器簡單分為;
· 簡單選擇器
標簽選擇器 類選擇器
<div> <div> p { color : blue;}
<p> 段落一</p> <p> 段落一 </p> .special { color : red ; }
<p>段落二</p> <p class = " special " > 段落二</p> . stress { font - weight : bold ; }
</div> <p class = " special stress " > 段落三</p>
p{ color: blue;} </div>
` 類選擇器
.className
- · 以點號開頭
- 字母 、 數字、 - 、 _ 後面可以接
- className 必須以字母開頭
- 區分大小寫
- 出現多次 可以出現多次
· id 選擇器
` # id
- # # 開頭
- 字母 、 數字 、 - 、_
- id 必須以字母開頭
- 區分大小寫
- 只出現一次
` 通配符選擇器 標簽選擇器 通配符選擇器
<div> h2 { color : blue ; } * { color ：blue ；}
<h2 > xx </h2> p { color : blue ; }
<p> xxxx</p> div { color : blue ；}
</div>
<div> xxx</div>
· 偽元素選器
· 組合選擇器
CSS 1 選擇器