CSS 選擇器(div+p)(div~p)
阿新 • • 發佈：2018-12-25
demo.html：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div+p { /*div後面緊跟著的第一個p標籤(必須是緊鄰的標籤)*/ background-color: red; } div~p { /*div後面所有的p標籤*/ /*background-color: blue;*/ } </style> </head> <body> <div>divvvvvvvvvvvvvvvvvvvvv</div> <p>ppppppppppppp</p> <p>ppppppppppppp</p> <p>ppppppppppppp</p> <p>ppppppppppppp</p> <span>span</span> <p>ppppppppppppp</p> <p>ppppppppppppp</p> <p>ppppppppppppp</p> <p>ppppppppppppp</p> </body> </html>