萬用字元選擇器子元素選擇器後代選擇器
阿新 • • 發佈:2018-12-25
<html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div{ min-height: 30px; max-width: 300px; background-color: white; margin-left: 50px; border: 2px solid red; } /*它的直系後代(兒子), 子元素選擇器*//*#my>div*/ /*它的後代,後代選擇器: 可以選擇一個元素的後代元素 這個後代元素包括:它的兒子、孫子。。。 */ /*#my div*/ /*它的第一個弟弟,萬用字元選擇器 */ /*#my+div*/ /*它的所有弟弟,萬用字元選擇器 */ #my~div { background-color: yellow; } </style> </head> <body> <div id="my"> <p>我</p> <div>大兒子 <div>大孫子</div> <div>二孫子</div> </div> <div>二兒子</div> <div>三兒子</div> </div> <div>弟弟</div> <div>弟弟</div> </body> </html>