天天看點

CSS加号+相鄰兄弟選擇器測試2208090617

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>






           

效果

CSS加号+相鄰兄弟選擇器測試2208090617