html - 默认 Css 覆盖所有新类/div

Question

我有一个 Wordpress 网站，我的主题在所有页面上使用以下宽度、边距和位置。这是默认的 css 并且喜欢它，但是如果我创建一个新的类/div 并且不会使用其他所有东西正在使用的默认 css 我怎么能为特定的类/div 标记覆盖它。

标准 CSS:

.tg-container
{
width:1200px;
margin:0 auto;
position:relative;
}

所以这个 div 将使网站上的所有内容居中

所以在我新创建的类中，我不想让 .tg-container 覆盖我的 css。在我的类(class)中，我想使用全宽而不是居中。

我的类(class)CSS

.wc-block-grid__products
{dont use css from .tg-container}

期待相关帮助!

最好的问候，马丁

Answer 1

你可以在你的类中做到这一点，确保你必须在你的 Html 类中用你想要的值覆盖这三个属性

.wc-block-grid__products {
  width: //your desired width you want;
  margin: //your desired margin you want;
  position: //your desired postion you want;
}