Shopify技术问题：添加CSS无法移除元素的解决方案咨询

针对你遇到的内联样式无法被主CSS覆盖、仅第三方样式表能修改目标元素的情况，给你几个可行方案：

• 用更具优先级的CSS选择器
  内联样式优先级极高，你可以通过叠加父元素选择器来提升自定义样式的权重，再配合!important强制覆盖。比如如果目标元素的父容器有id或类，就这么写：

  /* 示例：假设父容器id为contact-page */
  #contact-page p.hulk-powered-wrapper {
      display: none !important;
  }
  

  如果目标元素本身有id，直接用id选择器效果更好，权重比类选择器高得多。

• 用JavaScript强制修改元素样式
  如果CSS优先级的路子走不通，直接用JS操作DOM更直接。把这段代码放在页面加载完成的位置（比如body末尾）：

  const targetPara = document.querySelector('p.hulk-powered-wrapper');
  if (targetPara) {
      targetPara.style.display = 'none';
  }
  

  这段代码会直接给元素设置内联样式的display:none，彻底覆盖原有内联样式。

• 调整CSS加载顺序
  既然第三方样式表能修改该元素，说明它的加载顺序在你的core.css之后。把你的自定义CSS调整到第三方样式表之后加载，这样相同优先级的选择器，后加载的样式会覆盖前面的。这时你甚至可以去掉!important，直接写：

  p.hulk-powered-wrapper {
      display: none;
  }
  

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