选择以指定字符开头的属性值的元素
案例：
<style type="text/css">
[name^='user']{color: green;}
</style>
<div name="username">盒子1</div>
<div name="box">盒子2</div>
选择以指定字符结尾的属性值的元素
案例：
<style type="text/css">
[name$='user']{color: green;}
</style>
<div name="box user">盒子1</div>
<div name="box">盒子2</div>
| 伪类选择器 | 作用 |
|---|---|
| :root | 根 |
| li:first-child | 代表找出父元素中第一个li子元素 |
| li:last-child | 代表找出父元素中最后一个li子元素 |
| li:nth-child(n) | 找出父元素中的第n个li子元素 |
| li:nth-child(even) | 代表找出父元素中奇数的li子元素 |
| li:nth-child(odd) | 代表找出父元素中偶数的li子元素 |
| li:empty | 代表找出父元素中li子元素内容为空的标签 |
| li:nth-of-type(n) | 找出li标签中第几个 |
| li:first-of-type | 找出li标签中第一个 |
| li:last-of-type | 找出li标签中最后一个 |
| li:only-child | 唯一子元素 |
以上内容，在整理时难免有疏漏错误之处，如有发现，可以通过顶部的“联系站长”提出反馈，感谢您的支持！