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

简介: 本节书摘来自华章出版社HTML 5与CSS 3权威指南(第2版·下册)——第19章 ,第19.5节 ,作者: 陆凌牛著.更多章节内容可以访问云栖社区“华章计算机”公众号查看。

19.5 通用兄弟元素选择器

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

<子元素> ~<子元素之后的同级兄弟元素> {
//指定样式
}
这里的同级是指子元素和兄弟元素的父元素是同一个元素。

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


image

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

image

相关文章
|
16天前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
23 0
|
21天前
|
XML 前端开发 数据格式
css核心组成部分包括选择器、属性和值。
【4月更文挑战第5天】css核心组成部分包括选择器、属性和值。
18 7
|
6天前
|
XML 前端开发 数据格式
css元素
【4月更文挑战第20天】css元素
15 4
|
7天前
|
数据采集 前端开发 网络协议
如何使用代理IP通过HTML和CSS采集数据
如何使用代理IP通过HTML和CSS采集数据
|
9天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
23 10
|
9天前
|
前端开发
css中几种隐藏元素的方法
css中几种隐藏元素的方法
11 0
|
11天前
|
移动开发 前端开发 JavaScript
CSS选择器 前端开发入门笔记(十)
CSS选择器 前端开发入门笔记(十)
19 1
|
11天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
11天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
|
18天前
|
JSON JavaScript 前端开发
js是什么、html、css
js是什么、html、css