通过`import`引入的外部样式,如何指定其级联优先级?

有如下一个样式表:

/*import.css*/
.box p {
    color: yellow;
  }

希望通过@import语法将其引入.style.css,并修改 import.css 的级联优先级:

@layer component-1,component,importLayer;

// @import './import.css';
@import url('./import.css') layer(importLayer);


@layer component {
  .box p {
    background-color: lightblue;
    font-size: 25px;
    color: red;
  }
}

@layer component-1 {
  .box p {
    color: blue;
  }
}

通过@layer component-1,component,importLayer;把importLayer的级联优先级设置为最高的,让p的文字为yellow,可是结果为red

import 的外部样式如何指定级联优先级呢?
阅读 995
1 个回答
@import (./import.css) layer(importLayer);
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题