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标签

相关推荐
荆州克莱39 分钟前
springcloud整合nacos、sentinal、springcloud-gateway,springboot security、oauth2总结
spring boot·spring·spring cloud·css3·技术
编程零零七3 小时前
Python数据分析工具(三):pymssql的用法
开发语言·前端·数据库·python·oracle·数据分析·pymssql
(⊙o⊙)~哦5 小时前
JavaScript substring() 方法
前端
无心使然云中漫步5 小时前
GIS OGC之WMTS地图服务,通过Capabilities XML描述文档,获取matrixIds,origin,计算resolutions
前端·javascript
Bug缔造者5 小时前
Element-ui el-table 全局表格排序
前端·javascript·vue.js
xnian_6 小时前
解决ruoyi-vue-pro-master框架引入报错,启动报错问题
前端·javascript·vue.js
麒麟而非淇淋7 小时前
AJAX 入门 day1
前端·javascript·ajax
2401_858120537 小时前
深入理解MATLAB中的事件处理机制
前端·javascript·matlab
阿树梢7 小时前
【Vue】VueRouter路由
前端·javascript·vue.js
随笔写8 小时前
vue使用关于speak-tss插件的详细介绍
前端·javascript·vue.js