停止子DIV从其父页面继承样式

时间:2018-07-11 13:43:08

标签: javascript html css modal-dialog popup

说有一个带有自己样式表的网页。我有一个弹出窗口或模式窗口(在页面末尾使用Javascript追加),在这里我想拥有自己的样式。内容是动态的,所以我无法定位每个元素。有没有办法重置子元素内的CSS或限制影响它的父样式表?

host1;app1,app2,app3
host2;app2,app3,app4
host3;app2;app3
.headline{ color:blue; text-transform:uppercase;font-size:30px;}
.para{color:green;}

现在,模态中的文字是动态的,我不希望继承 headline para 类的样式。我希望模式采用默认的浏览器样式。就像iframe不会受到其父页面的影响一样。不知道它是否可行。

2 个答案:

答案 0 :(得分:1)

否,提示位于名称CSS(层叠样式表)中。您将需要更详细地说明父级中的选择器。最佳实践是使用类选择器和BEM,SMACSS等技术为元素的定向添加结构:

https://mattstauffer.com/blog/organizing-css-oocss-smacss-and-bem/

答案 1 :(得分:0)

将样式设置为未设置; 防爆 边距:未设置; 背景:未设置; 就像明智的