层次选择器

最新推荐文章于 2024-11-12 22:56:44 发布

m0_64653272

最新推荐文章于 2024-11-12 22:56:44 发布

阅读量59

点赞数

文章标签： css javascript 前端

本文链接：https://blog.csdn.net/m0_64653272/article/details/123163094

版权

本文深入探讨了CSS中的后代选择器、子选择器、相邻兄弟选择器和通用选择器的用法，通过实例展示了它们如何改变网页中元素的样式。内容涵盖了选择器的基本概念、区别及实际开发中的应用策略，旨在提升网页布局和样式的精准控制能力。

摘要由CSDN通过智能技术生成

/*后代选择器  改变body中所有的p*/
/*body p{*/
/*  background: red;*/
/*}*/

/*子选择器  改变body中只与相差一级的p（一代p）  */
/*body>p{*/
/*  background: green;*/
/*}*/

/*相邻兄弟选择器 改变相邻且向下的p（只改变一个p）*/
/*.active + p{*/
/*  background: red;*/
/*}*/


/*通用选择器  改变从自己开始向下的所有的p（不改变自己）*/
/*.active ~ p{*/
/*  background: red;*/
/*}*/