css-结构伪类选择器
生活随笔
收集整理的這篇文章主要介紹了
css-结构伪类选择器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>/* ul的第一個子元素 */body ul li:first-child{background: #12ec4e;}/* ul的最后一個子元素 */ul li:last-child{background: red;}</style>
</head>
<body><p>p1</p><p>p2</p><p>p3</p><ul><li>li1</li><li>li2</li><li>li3</li></ul></body>
</html>
此外還有p:nth-child(2)，p:nth-of-type(1)
https://www.bilibili.com/video/BV1YJ411a7dy?p=7
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的css-结构伪类选择器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 超详细前端开发案例：品优购商场项目(一)
- 下一篇： 使用apache POI把list集合里