我正在使用带有postCSS的create-react-app启动器repo并为每个组件导入 "change #certCo": function (event) {
event.preventDefault();
let selectedCov = $(event.target).val();
if (selectedCov == "autoLiability" ) {
$( "#selectedCov" ).append( '{{>autoLiability}}' );
} else if (selectedCov == "evidProp") {
$( "#selectedCov" ).append( "{{>epc}}" );
} else if (selectedCov == "umbrella") {
$( "#selectedCov" ).append( "{{>umbrella}}" );
} else if (selectedCov == "genLiability") {
$( "#selectedCov" ).append( "{{>genLiability}}" );
} else if (selectedCov == "workComp") {
$( "#selectedCov" ).append( "{{>workComp}}" );
} else {
}
}
文件，在项目上尝试postCSS。也就是说，每个组件都包含.css或几个。
为了在浏览器中创建一致的样式，我想导入CSS重置。我尝试了一些事情：
根据Eric Meyer的重置导入包含标准CSS重置的import 'styles/componentA.css';文件。
为postCSS使用autoreset插件。
对于第一个选项，在.css模式下，CSS dev会作为imports标记添加到文档中。 CSS重置显示在<style>标记列表的最后，尽管它是在顶级组件中导入的。理想情况下，首先会导入CSS重置。最后一个意味着它会覆盖我应用于基本元素的任何样式（如<style>）
对于第二个选项（使用自动复位），似乎没有办法将特定规则应用于特定元素。例如，我想仅将h1 {font-size: 40px;}应用于list-style: none和ul元素。
是否可以使用autoreset插件在postCSS中执行类似Eric Meyer的CSS重置？或者我是否朝着完全错误的方向前进并误解了它的目的？
答案 0 :(得分：0)
我没有使用反应，但在使用组件和重置以及PostCSS时我遇到了类似的问题（我正在构建如下所述的内容：http://ecss.io/chapter7.html）。我不希望为每个组件加载重置，只是传统上使用的全局组件。
因此，我选择了'组件'纯粹为'globalCSS'。这是第一个在重置中加载和加载的组件（以及全局PostCSS变量和mixins），因此后续组件可以访问它们而无需重新声明。
这是一种你可以使用/适应的方法吗？