国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS選擇器學(xué)習(xí)攻略

2024-07-11 08:29:50
字體:
供稿:網(wǎng)友

CSS選擇器基本知識(shí)

一、基本選擇器
序號(hào) 選擇器 含義
1. * 通用元素選擇器,匹配任何元素
2. E 標(biāo)簽選擇器,匹配所有使用E標(biāo)簽的元素
3. .info class選擇器,匹配所有class屬性中包含info的元素
4. #footer id選擇器,匹配所有id屬性等于footer的元素

實(shí)例:

CSS Code復(fù)制內(nèi)容到剪貼板
  1. * { margin:0; padding:0; }    p { font-size:2em; }   
  2. .info { background:#ff0; }    p.info { background:#ff0; }   
  3. p.info.error { color:#900; font-weight:bold; }    #info { background:#ff0; }   
  4. p#info { background:#ff0; }  

二、多元素的組合選擇器
序號(hào) 選擇器 含義
5. E,F 多元素選擇器,同時(shí)匹配所有E元素或F元素,E和F之間用逗號(hào)分隔
6. E F 后代元素選擇器,匹配所有屬于E元素后代的F元素,E和F之間用空格分隔
7. E > F 子元素選擇器,匹配所有E元素的子元素F
8. E + F 毗鄰元素選擇器,匹配所有緊隨E元素之后的同級(jí)元素F

實(shí)例:

CSS Code復(fù)制內(nèi)容到剪貼板
  1. div p { color:#f00; }    #nav li { display:inline; }   
  2. #nav a { font-weight:bold; }    div > strong { color:#f00; }   
  3. p + p { color:#f00; }   



三、CSS 2.1 屬性選擇器
序號(hào) 選擇器 含義
9. E[att] 匹配所有具有att屬性的E元素,不考慮它的值
10. E[att=val] 匹配所有att屬性等于“val”的E元素
11. E[att~=val] 匹配所有att屬性具有多個(gè)空格分隔的值、其中一個(gè)值等于“val”的E元素
12. E[att|=val] 匹配所有att屬性具有多個(gè)連字號(hào)分隔(hyphen-separated)的值、其中一個(gè)值
以“val”開頭的E元素,主要用于lang屬性,比如“en”、“en-us”、“en-gb”等等

 實(shí)例:

CSS Code復(fù)制內(nèi)容到剪貼板
  1. p[title] { color:#f00; }    div[class=error] { color:#f00; }   
  2. td[headers~=col1] { color:#f00; }    p[lang|=en] { color:#f00; }   
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 正安县| 达州市| 化德县| 瑞金市| 富源县| 微山县| 永善县| 景东| 南阳市| 高州市| 福建省| 舒城县| 新和县| 青铜峡市| 麻栗坡县| 岱山县| 宝坻区| 日土县| 通化市| 宜章县| 山西省| 镇原县| 普兰店市| 绥芬河市| 昂仁县| 南陵县| 甘泉县| 衡水市| 南平市| 秭归县| 盘山县| 清涧县| 茂名市| 炎陵县| 尼勒克县| 桓仁| 南平市| 霍山县| 玉田县| 启东市| 启东市|