WEB前端 -- 关系选择器、属性选择器
来源:互联网 发布:如何在php中定义常量 编辑:程序博客网 时间:2024/06/04 08:37
一、关系选择器包含:
1)包含选择器(A B):如ul li{}
2)子选择器(A>B)
3)相邻选择器(A+B)
4)兄弟选择器(A~B):注意对它后面的元素起作用
1.包含选择器
2.子选择器
<div> <a href="#">子链接</a> <p><a href="#">子孙链接</a></p> </div>
div>a{ background-color:#F66; color:#C36}
3.相邻选择器(A+B)
A元素之后相邻的第一个B元素
4.兄弟选择器(A~B)
A元素之后所有的兄弟元素B
二、属性选择器
1)E[att]:选择属性为att的E元素
2)E[att="val"]:选择属性值为val的属性att的E元素
3)E[att~="val"]:选择属性att中属性值中有一个符合val的E元素
<div class="div1 divColor">第一个div</div><div class="div1 div2">第一个div</div><div class="Pmo div1">第一个div</div><div class="p11"></div>div[class~="div1"]{color:blue;}即前3个div被选中,其中的字体变色
4)E[att^="val"]:选择属性值中以“val”开头的属性att的E元素
<div class="div1 divColor">第一个div</div><div class="div1 div2">第一个div</div><div class="Pmo div1">第一个div</div><div class="p11"></div>div[class^="d"]{color:blue;}即前2个div被选中,其中的字体变色
5)E[att$="val"]:选择属性值中以“val”结尾的属性att的E元素
6)E[att*="val"]:属性值中包含val的属性att的E元素
阅读全文
0 0
- WEB前端 -- 关系选择器、属性选择器
- WEB前端-CSS-选择器&常用样式/属性
- 【Web 前端】CSS选择器
- web前端开发 选择器
- 【前端】元素关系和选择器
- web前端-CSS 属性选择器 -030
- 【Web前端学习笔记】CSS3_常用属性,选择器,盒子模型
- web前端之css选择器
- 【WEB前端】CSS常用选择器
- css选择器-属性选择器
- CSS3选择器--属性选择器
- CSS选择器-属性选择器
- 前端属性选择器的权重分析
- Web前端(选择器and优先级)基础知识(5)
- Web前端-HeadFirst-笔记-CH10-子孙选择器
- Web前端——2.css选择器
- 属性选择器
- 属性选择器
- 踩过的坑
- 云星数据---Scala实战系列(精品版)】:Scala入门教程029-Scala实战源码-Scala 的特质 (接口)05
- react系列(4)props和state介绍
- Auth权限
- 混淆打包Bug
- WEB前端 -- 关系选择器、属性选择器
- Nginx——2
- 双端链表
- oracle查询锁表与解锁
- LeetCod 339.Nested List Weight Sum
- react-native之上拉加载,下拉刷新组件封装
- 重写Spring MVC WEB 简单入门-登录例子
- 常用 工具 类
- 欢迎使用CSDN-markdown编辑器