【问题标题】:Default Css overrides all new classes/div默认 Css 覆盖所有新的类/div
【发布时间】:2019-11-11 23:03:31
【问题描述】:

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

标准css:

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

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

所以在我新创建的类中,我不想让 .tg-container 覆盖我的 css。 对于我的班级,我想使用全宽而不是居中。

我的班级 css

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

期待有关它的帮助!

最好的问候, 马丁

【问题讨论】:

  • 类的父类或类中的某些元素正在使用该类,使用 chrome 开发工具进行检查是最好的选择,一种测试方法,使用一些虚拟值指定该类以进行验证,例如 .tg-容器(颜色:'红色'}
  • 嗨,是的 .tg-container 是所有 div 和创建的类的容器,但我不想删除该类
  • .tg-container { width: unset; margin: unset; position: unset; }
  • @connexo .tg-container .wc-block-grid__products { 宽度:未设置!重要;边距:未设置!重要;位置:未设置!重要; } 不起作用

标签: html css


【解决方案1】:

你可以用你的类来确保你必须在你的 Html 中用你想要的值覆盖这三个属性这个类

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

【讨论】:

  • 它仍然无法正常工作...... .tg-container 仍然会覆盖我的 .wc-block-grid__products 的 css 值
  • @Batistuta 你能用小提琴来演示你的问题,这将有助于理解
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-03-20
  • 1970-01-01
相关资源
最近更新 更多