+ คือ select อันถัดไป ที่อยู่ติดกัน อันเดียวครับ อย่างในตัวอย่าง
#log:hover + #form
จะได้
<div id="log"></div> <--- ถ้า hover อันนี้
<div id="form"></div> <--- จะ select เจออันนี้
ส่วนตัว ~ ก็เหมือน + ครับ แต่มัน เอาหมดเลย เช่น
#log:hover ~ #form
<div id="log"></div> <--- ถ้า hover อันนี้
<div id="form"></div> <--- จะ select เจออันนี้
<div id="form"></div> <--- จะ select เจออันนี้
<div id="form"></div> <--- จะ select เจออันนี้
(ซึ่งจริงๆ มันทำแบบนี้ไม่ได้นะ เพราะ # มันสร้างชื่อซ้ำไม่ได้)
ปล. ขอแย้ง ความเห็นท่าน max30012540 #log จะไม่ถูก select ไปด้วยนะครับ