设为首页收藏本站

切换到宽版

博客BBS

十三博客»博客 › 学习园地 › Css3相关 › CSS3 通用兄弟元素选择器

返回列表发新帖

查看: 1448|回复: 0

CSS3 通用兄弟元素选择器

581 主题	110 回帖	4066 积分

积分: 4066

发消息

发表于 2015-12-30 18:29:38 | 显示全部楼层 |阅读模式

用来指定位于同一个父元素之中的某个元素之后的所有其他某个种类的兄弟元素所使用样式
兄弟元素选择器：通用兄弟元素选择器 E ~ F 匹配E元素之后的F元素

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>CSS3 通用兄弟元素选择器</title>
<style>
/*表示div元素之后的所有兄弟元素所使用的样式*/
div ~ p {
background-color: gold;
}
</style>
</head>
<body>
<div>
<div>
<p>p元素为div的子元素</p>
<p>p元素为div的子元素</p>
</div>
<p>p元素为div的子元素</p>
<p>p元素为div的子元素</p>
<p>p元素为div的子元素</p>
<p>p元素为div的子元素</p>
</div>
</body>
</html>

复制代码

相关帖子

回复

返回列表发新帖

Archiver|手机版|小黑屋|十三博客 ( 鲁ICP备2023000528号 )

GMT+8, 2026-6-1 18:22 , Processed in 0.049324 second(s), 22 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表