CSS加号+相邻兄弟选择器测试2208090617

kfepiza

于 2022-08-09 06:31:41 发布

阅读量94

点赞数

本文链接：https://blog.csdn.net/kfepiza/article/details/126239736

版权

HTML CSS JS 同时被 2 个专栏收录

84 篇文章 2 订阅

订阅专栏

学习笔记解决问题试验演示过程记录

64 篇文章 0 订阅

订阅专栏

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>