html – 如何防止子元素继承CSS样式

html – 如何防止子元素继承CSS样式,第1张

概述我有一个< div>具有< p>的元素元素里面: <div style="font-size:10pt; color:red;"> This is my Parent Div. <p>This is my Child Paragraph.</p> My parent Div Ends Here.</div> 如何阻止我的段落继承设置为< div>?的CSS属性? 在您的情 我有一个< div>具有< p>的元素元素里面:

<div >    This is my Parent div.    <p>This is my Child Paragraph.</p>    My parent div Ends Here.</div>

如何阻止我的段落继承设置为< div>?的CSS属性?

解决方法 在您的情况下,最好的方法是恰好超越< p>的样式.元素继承:

所以在你的CSS文件中,你应该使用它而不是内联样式:

.parent-div {    Font-size: 10pt;    color: red;}.child-paragraph {    Font-size: 12pt;    color: black;}
总结

以上是内存溢出为你收集整理的html – 如何防止子元素继承CSS样式全部内容,希望文章能够帮你解决html – 如何防止子元素继承CSS样式所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1054742.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-25
下一篇2022-05-25

发表评论

登录后才能评论

评论列表(0条)

    保存