加入收藏 | 设为首页 | 会员中心 | 我要投稿 汽车网 (https://www.0577qiche.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

了解 CSS 中相邻的兄弟选择器的用途和使用方法

发布时间:2023-10-24 09:36:04 所属栏目:语言 来源:
导读:这篇文章给大家分享的是“CSS中相邻兄弟选择器什么情况用,写法是什么”,对大家学习和理解有一定的参考价值和帮助,有这方面学习需要的朋友,接下来就跟随小编一起学习一下吧。

1、相邻兄弟选择器是指
这篇文章给大家分享的是“CSS中相邻兄弟选择器什么情况用,写法是什么”,对大家学习和理解有一定的参考价值和帮助,有这方面学习需要的朋友,接下来就跟随小编一起学习一下吧。

1、相邻兄弟选择器是指在另一个元素之后可以选择的元素,两者具有相同的父元素。

2、如需选择与另一元素紧密相连的元素,且两者具有相同的父元素,则可使用相邻兄弟选择器。

选择器加号(+)作为相邻兄弟的结合符。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
div+p
{
background-color:yellow;
}
</style>
</head>
<body>
 
<h1>Welcome to My Homepage</h1>
 
<div>
<h2>My name is Donald</h2>
<p>I live in Duckburg.</p>
</div>
 
<p>My best friend is Mickey.</p>
 
<p>I will not be styled.</p>
 
</body>
</html>

(编辑:汽车网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章