百变鹏仔-专注前端行业精选
Css选择器-层次选择器(关系选择器)
作者:鹏仔先生日期:2020-06-02 15:44:34浏览:1994分类: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选择器-结构性伪类选择器
手机扫码访问
猜你还喜欢
- 01-19 elementui多选上传 before-upload 格式效验错误总会触发before-remove (elementui多选上传on-success只执行了一次,只上传成功了一条)
- 10-08 vue按钮限制连点封装 自定义指令限制连点
- 09-14 nvm常用命令有哪些?nvm如何切换node版本?nvm如何下载node?
- 08-19 使用HBuilderX将vue或H5项目打包app
- 07-15 小程序嵌入网页向小程序跳转并传参,微信小程序中实现公众号授权获取openId
- 10-25 js替换字符串某个字符,js修改字符串中指定字符
- 10-20 uniapp中text-indent不起作用,uniapp首行缩进不管用如何解决?
- 08-12 elemtnui 表格如何修改某行文字颜色
- 08-03 vue中调用百度地图 获取经纬度
- 07-09 uniapp小程序实现录音 uniapp小程序长按录音 点击播放等功能(CSS实现语音音阶动画效果)
- 04-30 object-fit:cover;在小程序中不起作用,小程序图片变形了如何处理
- 04-26 (安卓/IOS)APP调用H5事件,H5调用APP事件
取消回复欢迎 你 发表评论:
- 搜索
-
- 最新文章
- 随机文章
- 随机tag
暂无评论,来添加一个吧。