1. 知識點 ?
屬性選擇器是根據標籤的屬性來匹配元素，使用中括號進行標識，語法如下：
| 語法表 | 作用 |
|---|---|
| E[attr] | 根據是否特定屬性來匹配元素 |
| E[attr=“value”] | 根據是否設置特定屬性值來匹配元素 |
| E[attr^=“value”] | 根據屬性值是否含特定 vlaue 來匹配元素，屬性值爲詞列表 |
| E[attr$=“value”] | 根據屬性值是否包含特定 value來匹配元素vlaue必須位於屬性的開頭 |
| E[attr*=“value”] | 根據屬性值是否包含特定 value來匹配元素 |
| E[attr 豎號 =“value”] | 根據屬性值是否包含特定 value來匹配元素屬性值是value或以value-開頭，如zh-cn |
2.提示
E表示匹配元素選擇符，可以省略。中括號不可缺；attr 表示 HTML 屬性名；value表示 HTML 屬性值，或 HTML 屬性值包含的子字符串。
3.實例設計
在頁面中設計一個簡單的導航條結構。爲方便演示使用不同形式的屬性選擇器，特意爲每個< a > 標籤中定義了不同的屬性及其值。
例：
效果如下：
然後用CSS3定義設計一下導航條內部基本樣式表，代碼如下：
效果如下：
技術有限 有點醜啊 這不是重點！！
本篇文章講述如何用屬性選擇設計導航條結構並修飾！ ?
各位客官到這裏就結束了！！
猜你想看的：css3選擇器"在校生記錄博客
出處：在校生有森記錄博客
網址：https://mp.csdn.net/mdeditor/102811335
嚴禁轉載！只用於學習交流！
