0

我正在使用带有预定义类 (cbFormFieldCell) 的 CMS。所以我不能更改某些类元素，因为它们在网站的其他部分使用。如果我更改该类的每个元素的格式，网站就会损坏。

我想只在<table class="tabelle">. 表格之外的其他元素不得更改。

.cbFormFieldCell { min-width: 300px; max-width: 300px; overflow: hidden;}

这适用于网站的每一类。但是有些物体坏了。

是否有可能做这样的事情：

仅更改表 class="tabelle" 中的预定义 class="cbFormFieldCell" 元素？

例如

.tabelle.cbFormFieldCell 
{ min-width: 300px; max-width: 300px; overflow: hidden; }

任何人都可以帮忙吗？

4

4 回答 4

0

谢谢大家！

我实际上不得不删除空间，使用重要的并另外使用另一个默认类。

.cbFormTableEvenRow .cbFormFieldCell { min-width: 100px !important; 最大宽度：100 像素！重要；宽度：100 像素！重要；溢出：隐藏！重要；}

于 2019-07-11T13:52:57.083 回答
0

您通过在没有空格的情况下编写类来连接类，这基本上意味着 .tabelle.cbFormFieldCell将应用于具有这两个类的元素。

为了像这样.cbFormFieldCell 在 .tabelle它们之间添加一个空格.tabelle .cbFormFieldCell。

或者，如果它是 的直接子代.tabelle，则可以像这样使用后代选择器.tabelle > .cbFormFieldCell

于 2019-07-11T12:54:18.163 回答
0

您可以像这样使用 css !important

.cbFormFieldCell { min-width: 300px !important; max-width: 300px !important; overflow: hidden !important;}

"!important" 使 css 属性成为第一级

于 2019-07-11T12:51:06.623 回答
0

CSS 类之间的“空格”用于定位不同的元素。下面您将找到一个示例，当您组合不带空格或带空格的类时会发生什么。

希望这可以帮助您了解如何定位您的元素。

.parent-1 .child {
  color: green;
}

.parent-2.child {
  color: red;
}


/* addition styling */

p {
  padding: 20px;
  background-color: #eff0f1;
  border-radius: 10px;
}
<!-- Without container -->
<p class="child">No CSS rules are applied here.</p>

<!-- With containers -->
<div class="parent-1">
  <p class="child">This will be targeted: green</p>
</div>

<div class="parent-2">
  <p class="child">No CSS rules are applied here.</p>
</div>


<div class="parent-2 child">
  <p class="child">This will be targeted: red</p>
</div>

于 2019-07-11T12:55:30.167 回答