CSS加号+相鄰兄弟選擇器測試2208090617
相鄰兄弟選擇器 (
+
) 介于兩個選擇器之間,當第二個元素緊跟在第一個元素之後,并且兩個元素都是屬于同一個父
元素
的子元素,則第二個元素将被選中。
測試代碼
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"/><title>CSS加号+相鄰兄弟選擇器測試2208090617</title><style>
legend+div{font-size:30px; color:white; background-color:black;}
</style></head><body>
<fieldset>
<legend>fieldset legend 001</legend>
<div>這是緊挨legend的div ; style中有一條 legend+div{font-size:30px; color:white; background-color:black;}</div>
<div>本div和legend之間隔着一個div, 沒有緊跟legend</div>
</fieldset>
</body></html>
效果