-
[属性名]选择含有指定属性元素
[属性名=属性值]选择含有指定属性元素和属性值
[属性名加^=属性值]选择以指定值开头的元素
【属性名$=属性值】指定结尾元素。
[属性名*=属性值]含属性名的元素
<!DOCTYPE html>
<html lang="zh">
<head>
<style>
p[title]{}
</style>
</head>
<body>
<p title="abc">hhh</P>
</body>
</html>title就是属性名
伪类选择器。伪元素选择器
1.伪类选择器：带一个冒号。
2. 伪元素选择器：一个带两个冒号。
注： ul>li按tab键，会自动生成子标签
比如：
<ul>
<li>
</li>
</ul>这就是ul>li然后tab生成的。
还有： ul加ultab生成兄弟标签
<ul></ul>
<ul></ul>
ul>li*5加tab
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<ul>- 伪类（用来描述元素的一个特殊状态）
比如：第一个子元素，被点击元素，鼠标移入的元素
特点：一般情况下都是使用冒号开头
：first-child(第一个元素)第一个子元素（这是一个大排行）
:last-child(最后一个子元素)
：nty-child()选第n个子元素写n全选中范围为0到正无穷括号中填几就选第几行。
注：括号中2n表示选中偶数位的或者even
2n加一选中奇数位或者写odd一样的
这些伪类都是根据所有的子元素排序的。
ul>li ：first-child{
color: red;
}
<ul>
<span>我是一个span</span>>
<li class="first">第一个</li>
<li>第二个</li>
<li>第三个</li>
<li>第四个</li>
<li>第五个</li>
</ul>这样你的字体颜色一个都不会变，因为第一个是<span>标签，而这些伪类是对所有标签起作用的，而你>后跟的是<li>所以<li>不会被选中
：first-of-type功能和上述类似，他们是在同类型中进行排序(这个就是你>后跟的是啥标签就从那个哪种标签开始)
- not否定伪类
将某些符合条件的元素从选择器中去除
<head>
<style>
ul>li:not(:nth-child(3))
</style>
</head>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>- a元素的伪类
<a href="https:...">网页分为访问过和没访问过的</a>
在style中写一个a：link{
color=“：red；”
}
- link用来表示没访问过的链接，也就是正常的链接。在其中写了尺寸不论访没访问都会同时变。，因为他俩都属于正常连接。
- visited表示访问过链接
不能在visited中写尺寸，必须和未访问过同尺寸，由于隐私原因，该标签只能修改颜色。在开发中一般不用。
：hover表示移入伪类a：hover{}（将鼠标放到上面后，标签内文字的变化）
：active表示点击a：active{}（点击后标签内文字的变化）
4920
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
