前端基礎HTML---兄弟元素選擇器
阿新 • • 發佈:2021-06-29
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>兄弟元素選擇器</title> <style type="text/css"> /* 後一個兄弟元素選擇器 作用: 可以選中一個元素後緊挨著的指定的兄弟元素 語法: 前一個+後一個*/ p+span{ color: red; } span+div{ color: #0000FF; } /* 選中後面所有的兄弟元素 語法: 前一個 ~ 後邊所有 */ div~p{ background-color: #8A2BE2; } </style> </head> <body> <p>這是p標籤</p> <p>這是p標籤</p> <p>這是p標籤</p> <span>這是span</span> <div>這是div</div> <p>這是p標籤</p> <p>這是p標籤</p> <p>這是p標籤</p> </body> </html>