属性选择器

属性选择器可以根据元素的属性或属性值来选中元素，是一种灵活的无类名选择方式。常见用法包括：

存在某属性的元素
css
```
input[required] { border: red; }
```

匹配所有具有 required 属性的 input 元素。

属性值完全匹配
css
```
a[target="_blank"] { color: green; }
```
选中所有 target 属性值为 _blank 的链接。
属性值以某值开头（^=）
css
```
img[src^="https"] { border: solid; }
```
匹配 src 属性以 https 开头的图片。
属性值以某值结尾（$=）
css
```
a[href$=".pdf"] { color: orange; }
```
匹配所有链接到 .pdf 文件的元素。
属性值包含某段文本（*=）
css
```
div[class*="box"] { padding: 10px; }
```
匹配所有 class 中包含 box 字样的元素。

属性选择器适用于动态结构和第三方内容的样式控制，增强了样式表的通用性与灵活性。