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
严禁转载！只用于学习交流！