HTML5CSS3-CSS3选择器

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

input[type^='but'] 选中type以but为开头的标签

input[type$='word'] 选中type以word为结尾的标签

input[type*='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标签

相关推荐
sTone873753 分钟前
跨端框架通信机制全解析:从 URL Schema 到 JSI 到 Platform Channel
android·前端
蜡台4 分钟前
vue params传参刷新网页数据丢失解决方法
前端·javascript·vue.js
sTone873754 分钟前
Java 注解完全指南:从 "这是什么" 到 "自己写一个"
android·前端
文心快码BaiduComate10 分钟前
里程碑突破 | 文心快码中标国家开发银行代码研发助手项目
前端·后端·架构
霍理迪19 分钟前
axios的封装
前端
夜焱辰20 分钟前
CreatorWeave:一个本地优先的浏览器 AI 创作工作空间
前端·agent
wscqs21 分钟前
Superpowers 与 everything-claude-code 与 ui-ux-pro-max-skill 这些怎么合并起来一起用
前端
大转转FE25 分钟前
转转前端周刊第192期: 财务数仓 Claude AI Coding 应用实战
前端·人工智能
weixin_471383031 小时前
React Flow + Zustand 搭建工作流编排工作台
前端·react.js·前端框架
kilito_011 小时前
react疑难讲解
前端·react.js·前端框架