百变鹏仔-专注前端行业精选
Css选择器-层次选择器(关系选择器)
作者:鹏仔先生 日期:2020-06-02 15:44:34 浏览:3099 分类:CSS
1. E F 匹配 E 元素下所有的子元素 F (后代选择器)
eg:
.box a{ color: red; }
匹配 .box 下所有的子元素 a
2. E > F 匹配 E 元素下第一级子元素 F (子选择器)
eg:
.box>a{ color: red; }
匹配 .box 下第一级子元素 a
3. E + F 匹配 E 元素后面紧邻的哪一个 F 元素(有且仅有一个)(相邻兄弟选择器)
eg:
.box+h1{ color: red; }
匹配 .box 后面紧邻的那一个h1元素
4. E ~ F 匹配 E 元素后面所有的 F 元素(可以匹配到多个)(通用兄弟选择器)
eg:
.box~h1{ color: red; }
匹配 .box 后面所有的 h1 元素
- 上一篇:html5新增表单新属性
- 下一篇:Css选择器-结构性伪类选择器
猜你还喜欢
- 04-24 简单实现文字两端对齐
- 04-24 检测图片URL是否失效
- 04-24 elemetui中el-date-picker限制开始结束日期只能选择当月
- 04-24 iview中DatePicker时间段选择限制开始结束日期只能选择当月
- 03-24 vue h5实现车牌号输入框
- 11-01 vue中实现代码高亮
- 08-09 vue动态修改网站的icon图标
- 07-08 VUE中ECharts提示框tooltip自动切换
- 07-03 网页中生成微信小程序二维码
- 06-28 vue实现表格自动滚动功能 vue-seamless-scroll
- 04-19 VUE实现点击复制
- 04-16 vue将页面生成图片 vue生成海报
取消回复欢迎 你 发表评论:
- 搜索
-
- 最新文章
- 随机文章
- 随机tag