资讯专栏INFORMATION COLUMN

CSS中几种常用的选择器

赵连江 / 2101人阅读

摘要:类和的背景颜色都为白色大于号指子代元素子代选择器类下的类元素的背景颜色为白色空格指后代元素后代选择器类下的所有类元素的背景颜色为白色与子代选择器不同,后代选择器可以包含下的所有元素,包括子孙加号指相邻元素相邻选择器紧接在类下的类元素的

类a和b的背景颜色都为白色

大于号‘ > ’指子代元素(子代选择器)
.a>.b{
    background-color:#fff;
}

类a下的类b元素的背景颜色为白色

空格‘ ’指后代元素(后代选择器)
.a .b{
    background-color:#fff;
}

类a下的所有类b元素的背景颜色为白色(与子代选择器不同,后代选择器可以包含a下的所有b元素,包括子孙)

加号‘ + ’指相邻元素(相邻选择器)
.a+.b{
    background-color:#fff;
}

紧接在类a下的类b元素的背景颜色为白色(即选择紧接在.a元素后出现的.b元素,.a 和,b拥有共同的父元素)

波浪号‘ ~ ’指.a之后出现的所有.b
.a~.b{
  background:#fff;
}

.a之后的所有.b元素的背景颜色为白色(两种元素必须拥有相同的父元素,但是.b不必直接紧随.a)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/116330.html

相关文章

  • JS几种包含for遍历方式

    摘要:区别遍历数组常用调用数组的每个元素,并将元素传递给回调函数这种循环的问题在于无法中途跳出循环,和命令不能奏效和都返回数组,返回的与原数组长度相同只返回符合条件的结果一个值和返回布尔值遍历对象所有的可枚举属性主要是为了遍历对象而设计的,不适 forEach,map,filter区别 forEach 遍历数组常用(调用数组的每个元素,并将元素传递给回调函数) let arr = [1,2...

    jcc 评论0 收藏0
  • 《从0到1学习Flink》—— Flink 几种 Time 详解

    摘要:每小时窗口将包括在系统时钟指示整个小时之间到达特定操作的所有事件。平行流中的水印水印是在源函数处生成的,或直接在源函数之后生成的。源函数的每个并行子任务通常独立生成其水印。由于其输入流更新其事件时间,因此操作员也是如此。 showImg(https://segmentfault.com/img/remote/1460000017877320?w=1280&h=857); 前言 Flin...

    zsy888 评论0 收藏0
  • 《从0到1学习Flink》—— Flink 几种 Time 详解

    摘要:每小时窗口将包括在系统时钟指示整个小时之间到达特定操作的所有事件。平行流中的水印水印是在源函数处生成的,或直接在源函数之后生成的。源函数的每个并行子任务通常独立生成其水印。由于其输入流更新其事件时间,因此操作员也是如此。 showImg(https://segmentfault.com/img/remote/1460000017877320?w=1280&h=857); 前言 Flin...

    y1chuan 评论0 收藏0
  • 通过面试题,让我们来了解Collection

    摘要:说一说迭代器通过集合对象获取其对应的对象判断是否存在下一个元素取出该元素并将迭代器对象指向下一个元素取出元素的方式迭代器。对于使用容器者而言,具体的实现不重要,只要通过容器获取到该实现的迭代器的对象即可,也就是方法。 前言 欢迎关注微信公众号:Coder编程获取最新原创技术文章和相关免费学习资料,随时随地学习技术知识!** 本章主要介绍Collection集合相关知识,结合面试中会提到...

    HelKyle 评论0 收藏0
  • js几种跨域方法

    摘要:四通过跨域一个页面嵌入一个外域的页面虽然两个窗体之前能获取彼此的对象,但是却拿不到上的属性和方法,例如一个页面嵌入一个的我是父窗体的方法嵌入的窗体跟的域名不同,很明显是跨域的,虽然能获取到对象,但是拿不到页面的任何方法和属性。 js跨域是指通过js在不同域之间进行相互通信或者数据传输,只要协议,域名,端口号其中有一个不同,就是跨域。下面总结一下我了解到的常用的跨域方法。 一:通过jso...

    XboxYan 评论0 收藏0

发表评论

0条评论

赵连江

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<