[CSS 3] CSS Pseudo Selector

We only want to access <li>One</li>

 

B: '+' sinbling selector, if we don't have second uland replaced with a li, then it is targeting this li; which is the sinbling of first ul

 

Works

 

It targets all the first-of-type of ul:first-of-type, which means it goes down to the deep of the tree, might targeting something you don't want to.

posted @   Zhentiw  阅读(8)  评论(0)  编辑  收藏  举报
相关博文：
· [CSS 3] :has()
· [CSS 3] CSS Specificity
· CSS-结构伪类选择器（根据标签去定位元素（ ul li:last-child）、根据父类去定位元素（p:nth-child(1){））、根据标签类型去定位元素（p:nth-of-type(2){}）、把鼠标放到a标签文字上，改变文字颜色）
· CSS选择器-伪类选择器（深度探索）
· CSS-选择器
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具
历史上的今天：
2022-06-23 [Typescript] Awaited Type
2021-06-23 [AWS Lambda] Convert a Express node.js app to serverless
2021-06-23 [Cloud DA] Best Practices for Serverless
2016-06-23 [Webpack 2] Chunking common modules from multiple apps with the Webpack CommonsChunkPlugin
2016-06-23 [Webpack 2] Grouping vendor files with the Webpack CommonsChunkPlugin
2013-06-23 【PHP 】 伪静态 - 3. 伪静态的基本使用
2013-06-23 【PHP 】伪静态 - 4. 实际运用
点击右上角即可分享
微信分享提示
AI IDE Trae