前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【说站】css相邻兄弟选择器是什么

【说站】css相邻兄弟选择器是什么

作者头像
很酷的站长
发布2022-11-26 10:02:02
5350
发布2022-11-26 10:02:02
举报

css相邻兄弟选择器是什么

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

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

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

实例

代码语言:javascript
复制
<!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>

以上就是css相邻兄弟选择器的介绍,希望对大家有所帮助。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • css相邻兄弟选择器是什么
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档