如何在WordPress的flex区块自定义CSS中覆盖!important规则？

原样式里的选择器优先级很高，还加了!important，导致你自定义的样式被覆盖了。试试下面的方法：

• 提升选择器优先级：给目标a标签加一个自定义类（比如no-underline），然后用和原选择器同级别甚至更具体的规则编写：

  .entry-content>*:not(.flex-block):not([class*="flo-"]) a:not(.wp-block-button__link).no-underline,
  .entry-content>a.no-underline,
  .flo-block-text__text>a.no-underline {
    text-decoration: none!important;
  }
  

  只要你的自定义CSS在原样式之后加载，就能覆盖下划线样式。

• 使用ID选择器（如果有）：如果目标元素有唯一ID，直接用ID写规则，优先级比类选择器更高，比如：

  #your-target-id {
    text-decoration: none!important;
  }
  

• 确认加载顺序：确保自定义CSS在主题原有样式之后加载，WordPress自带的自定义CSS面板一般会自动处理，但如果是手动添加的代码，要放在主题样式文件之后或使用子主题。

内容的提问来源于stack exchange，提问作者Rosa