<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css 选择器 element+element</title>
<style>
/*参考：https://www.w3school.com.cn/cssref/css_selectors.asp
知识点：
1.element+element 选择器用于选取第一个指定的元素之后（不是内部）紧跟的兄弟元素。
div+p 选择紧接在 <div> 元素之后的所有 <p> 元素（经测试不是）。
实例：
<div class="weather-info">
<!-- <span>28℃~22℃</span>
<span>东南风3~4级</span>
<span>xxxx</span> -->
</div>
div.weather-info span + span {
// 此 css 选择器选择的元素是
<span>东南风3~4级</span>
<span>xxxx</span>
}
*/
div + p {
background-color: yellow;
}
</style>
</head>
<body>
<h1>欢迎来到我到的主页</h1>
<div>
<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
</div>
<p>我最好的朋友是米老鼠。</p>
<p>我的样式不会改变。</p>
</body>
</html>
css 选择器 element+element.html
最新推荐文章于 2025-02-22 00:15:00 发布
本文详细介绍了CSS中element+element选择器的使用方法，通过实例解释了如何选取紧跟在特定元素后的兄弟元素，并展示了实际应用案例。
扫一扫
289
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
