合并 CSS 并将主要样式应用于 div.某些选择器不起作用

Question

我正在尝试合并我在网上找到的定价表的CSS。但是，它定义了与wordpress中主题元素冲突的元素。

我已经制作了一个带有ID的包含DIV #rate-reset，并应用了大部分CSS，并看到它正在工作。 但是，某些网络工具包的东西不是。

我想知道以下内容是否有效？

#rate-reset *,#rate-reset *::after,#rate-reset *::before {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
#rate-reset html {
  font-size: 62.5% !important;
}
#rate-reset html* {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale!important ;
}
#rate-reset body {
  font-size: 1.6rem !important;
  font-family: "Open Sans", sans-serif !important;
  color: #173d50 !important;
  background-color: #173d50 !important;
}

我在元素选择器之前插入了#rate-reset以尝试具体化，但是与原始演示相比，它们不会显示为计算样式。

Answer 1

正如

你在plunker中看到的，正确的css是：

#rate-reset *,
#rate-reset *::after,
#rate-reset *::before {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
html {
  font-size: 62.5% !important;
}
html* {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale!important ;
}
body {
  font-size: 1.6rem !important;
  font-family: "Open Sans", sans-serif !important;
  color: #173d50 !important;
  background-color: #173d50 !important;
}