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;
}

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

1 个答案: