相关疑难解决方法(0)

我敢肯定以前必须提到/问过,但一直在寻找没有运气的年龄,我的术语一定是错的!

我依稀记得我刚才看到的一条推文,它提示有一条css规则可以删除以前在样式表中为特定元素设置的任何样式.

一个很好的使用示例可能是在移动优先的RWD站点中,其中用于小屏幕视图中的特定元素的大部分样式需要"重置"或移除桌面视图中的相同元素.

一个css规则,可以实现如下:

.element {
  all: none;
}

用法示例:

/* mobile first */
.element {
   margin: 0 10;
   transform: translate3d(0, 0, 0);
   z-index: 50;
   display: block;
   etc..
   etc..
}

@media only screen and (min-width: 980px) {
  .element {
    all: none;
  }
}

因此,我们可以快速删除或重新设置样式,而无需声明每个属性.

说得通？

我创建了一个Web小部件.我的客户放入他们的网站.基本上在加载时它调用webservice并加载特定于客户端的数据.

结果看起来像:

<div class="widget">
   <div class="container">
   </div>
</div>

我动态地将CSS样式应用于我的widget类.与我们的企业造型保持一致.

问题是当客户端应用程序样式覆盖我应用运行时的样式时.

例如,如果客户端有,它会覆盖我的样式:

body {
  margin: 0 auto;
  padding: 0;
  width: 90%;
  font: 70%/1.4 Verdana, Georgia, Times, "Times New Roman";
}

有没有办法打破继承？只是说类窗口小部件样式的div没有继承父样式.