两道超有意思的 CSS 面试题,试试你的基础( 二 )

的 color 即变成了 blue,由于 color 是一个可继承属性,<p> 标签继承了 <body> 的 color 属性,导致看到的 <p> 也是蓝色 。
我们把它改成一个不可继承的属性,试试看:
/* Selects any element that is NOT a paragraph */:not(p) {border: 1px solid;}

两道超有意思的 CSS 面试题,试试你的基础

文章插图
OK,这次 <p> 没有边框体现,没有问题!
因此,实际使用的时候,需要一定要注意样式继承的问题!
最后本文到此结束,希望对你有帮助
更多精彩 CSS 技术文章汇总在我的 Github -- iCSS ,持续更新,欢迎点个 star 订阅收藏 。
如果还有什么疑问或者建议 , 可以多多交流 , 原创文章 , 文笔有限,才疏学浅,文中若有不正之处,万望告知 。
【两道超有意思的 CSS 面试题,试试你的基础】

推荐阅读