《HTML 5与CSS 3 权威指南(第4版·下册)》 —16.5 通用兄弟元素选择器

举报
华章计算机 发表于 2019/11/21 22:01:26 2019/11/21
【摘要】 本节书摘来自华章计算机《HTML 5与CSS 3 权威指南(第4版·下册)》一书中第16章,第16.5节,作者是陆凌牛。

16.5 通用兄弟元素选择器

关于选择器部分,最后要介绍的一个选择器是通用兄弟元素选择器,它用来指定位于同一个父元素之中的某个元素之后的所有其他某个种类的兄弟元素所使用的样式。它的使用方法如下所示。

<子元素> ~<子元素之后的同级兄弟元素> {

// 指定样式

}

这里的同级是指子元素和兄弟元素的父元素是同一个元素。

代码清单16-28为一个通用兄弟元素选择器的使用示例,该示例中对所有div元素之后的,与div元素处于同级的p元素指定其背景色为绿色,但是对div元素内部的p元素的背景色不做指定。

代码清单16-28 通用兄弟元素选择器的使用示例

image.png

这段代码的运行结果如图16-37所示。

 image.png

图16-37 通用兄弟元素选择器的使用示例


【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。