CSS加号+相邻兄弟选择器测试2208090617CSS加号+相邻兄弟选择器测试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>

效果