CSS 伪类选择器
CSS个人整理
例子
<style>
}
ul li:first-child{ //first-child意思是选中第一个
color: red; //红色字体
}
ul li:last-child{ //last-child意思是选中最后一个
color: blue; //红色字体
}
p:nth-child(2){ //选中p1: 定位到父元素, 选择当前的第一个元素也就是选择当前p元素的父级元素, 选中父级元素的第一个, 并且是当前元素才生效
color: yellow; //黄色字体
}
ul li:last-child{ //last-child意思是选中最后一个
color: red; //红色字体
}
p:nth-of-type(2){ //nth-of-type意思是选中父类下元素的第二个类型
color: red; //红色字体
}
</style>
<body>
<p>p1</p>
<p>p2</p>
<p>p3</p>
<ul>
<li>史迪奇骑士</li>
<li>史迪奇打手</li>
<li>史迪奇国王</li>
<ul>
</body>
|
作者: 我叫史迪奇
本文来自于:
https://sdq3.link/CSS%E4%BC%AA%E7%B1%BB%E9%80%89%E6%8B%A9%E5%99%A8.html博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议