首先，你碰到的是内联样式优先级最高的典型问题——内联代码里的!important会直接覆盖外部CSS中的同属性!important，除非你的选择器特异性足够高。下面给你两种可行的解决方案：

CSS方案（优先尝试） #

你需要用更高特异性的选择器搭配!important来强行覆盖内联样式，试试这些写法：

1. 针对标签+类的组合提升特异性：

span.powered-by {
  /* 用display:none更彻底，直接让元素从布局中消失 */
  display: none !important;
  /* 如果只想隐藏但保留占位，用这个：
  visibility: hidden !important;
  */
}

2. 用属性选择器精准匹配类名，进一步强化特异性：

span[class="powered-by"] {
  display: none !important;
}

3. 要是知道这个元素的父容器类名（比如它在.rating-container里），结合父类写更具体的选择器：

.rating-container .powered-by {
  display: none !important;
}

小提示：display: none比visibility: hidden更适合你的场景——内联代码同时设置了display和visibility的!important，用display: none !important可以直接绕过内联的visibility设置，彻底隐藏元素。

JavaScript方案（CSS无效时使用） #

如果CSS还是搞不定，就用JS直接操作DOM，强制修改或移除元素：

1. 直接移除整个元素（最彻底）：

// 等待DOM加载完成再执行
document.addEventListener('DOMContentLoaded', function() {
  const poweredByEl = document.querySelector('.powered-by');
  if (poweredByEl) {
    poweredByEl.remove();
  }
});

2. 移除内联style属性，让你的外部CSS生效：

document.addEventListener('DOMContentLoaded', function() {
  const poweredByEl = document.querySelector('.powered-by');
  if (poweredByEl) {
    poweredByEl.removeAttribute('style');
    // 之后你的theme.scss.css里的样式就能正常生效了
  }
});

特殊情况处理：如果这个元素是插件异步生成的（比如页面加载后才出现），可以用MutationObserver监听DOM变化：

const observer = new MutationObserver(function(mutations) {
  const poweredByEl = document.querySelector('.powered-by');
  if (poweredByEl) {
    poweredByEl.remove();
    observer.disconnect(); // 找到元素后停止监听，避免性能浪费
  }
});

// 监听整个页面的DOM变化
observer.observe(document.body, { childList: true, subtree: true });

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