HTML5CSS3-CSS3选择器

一、属性选择器(可以根据特定条件选择标签)

inputtype\^='but' 选中type以but为开头的标签

inputtype$='word' 选中type以word为结尾的标签

inputtype\*='t' 选中type出现t字母的全部标签

二、伪类选择器

li:empty {} 选中没有嵌套内容的li标签

li:not(.demo) {} 排除类名为.demo的li标签

ul li:nth-child(-n + 3) {} 选择ul标签下的前3个li标签

p:nth-child(2) ~ p{} 选择第2个p标签到最后一个p标签(不包含第2个p标签)

p:nth-child(2) + p {} 选择第2个p标签后的1个p标签

相关推荐
鹿青3 分钟前
给设计稿做体检:我搓了个 Skill,专治 Figma 转代码出垃圾
前端·claude·视觉设计
陈_杨6 分钟前
鸿蒙APP开发:足球战术App怎么做拖拽交互?球员拖动与路线绘制
前端
陈_杨10 分钟前
鸿蒙APP开发:如果你想在鸿蒙App里做属性动画,@ohos.animator怎么用
前端
陈_杨10 分钟前
鸿蒙APP开发:篮球App怎么画球场?鸿蒙Canvas绘图实战
前端
colofullove11 分钟前
前端工程搭建与用户访问流程设计
前端
广州华水科技20 分钟前
如何利用单北斗GNSS系统实现大坝的变形监测?
前端
代码小库39 分钟前
【2026前端最新面试题——day10】JavaScript 高频面试题
开发语言·前端·javascript
zzz_23681 小时前
【Spring】面试突击系列(三):Spring Web MVC 深度解析
前端·spring·面试
colofullove1 小时前
小说上传中心与异步处理进度展示设计
前端
Marst Code1 小时前
⚙️ 2026 年推荐技术方案
前端