搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
HTML/CSS
CSS 教程
CSS 基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS相邻兄弟选择器示例</title> <style> h1 + p { color: blue; font-size: 18px; } ul.task + p { color: #f0f; text-indent: 30px; } </style> </head> <body> <h1>这是个标题 </h1> <p>这是个段落.</p> <p>另一个标题.</p> <ul class="task"> <li>Task 1</li> <li>Task 2</li> <li>Task 3</li> </ul> <p>这是另一段</p> <p>这也是一个段落。</ p> </body> </html>
运行结果
