当前位置：首页 > 前端技术 > CSS >内容正文

CSS

013_CSS兄弟选择器

发布时间：2025/4/17 CSS 73 豆豆

生活随笔收集整理的这篇文章主要介绍了 013_CSS兄弟选择器小编觉得挺不错的,现在分享给大家,帮大家做个参考.

1.1. element1~element2选择器element1之后出现的所有element2。

1.2. 两种元素必须拥有相同的父元素, 但是element2不必直接紧随element1。

2. 例子

2.1. 代码

<!DOCTYPE html> <html><head><title>CSS兄弟选择器</title><meta charset="utf-8" /><style type="text/css">p~ul {background: #ff0000;}</style></head><body><div>一个 div 元素。</div><ul><li>咖啡</li><li>牛奶</li><li>茶</li></ul><p>第一段。</p><ul><li>咖啡</li><li>牛奶</li><li>茶</li></ul><h2>另一个列表</h2><ul><li>咖啡</li><li>牛奶</li><li>茶</li></ul></body> </html>

2.2. 效果图

总结

以上是生活随笔为你收集整理的013_CSS兄弟选择器的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。