css - 是否可以在 CSS 中执行这样的条件语句

Question

假设我有一个包含格式化语法代码的 CSS DIV。 DIV 设置为 min-width:100; 和 max-width:100;

当 DIV 悬停时，同一个 DIV 有另一个 CSS 声明，max-width: 135% !important; 和 min-width: 135%;

因此，如果包含格式化代码的 DIV 比 DIV 的宽度更宽，它会显示一个滚动条，当您将鼠标悬停在 DIV 上时，它会将 DIV 扩展到代码的宽度不超过 135%，如果 DIV 的代码不超过 DIV 的宽度，则 DIV 保持相同的宽度。

我的问题是，当一个 div 超过 100% 宽度时，它会扩展到内部代码的宽度，但会保持小于 135%，有没有办法让它扩展到 135%，即使代码不是135% 但超过 100%？

希望这是有道理的

我几乎需要某种条件语句来说明...

---

如果 DIV 内容 > 100%，则在悬停时将 DIV 设置为 135%，否则将 DIV 保持在 100%

---

这可能吗？

这是我的完整 CSS

.syntax {
  min-width: 100%;
  max-width: 100%;
  margin: 1em 0 1em 0;
  position: relative;
  overflow-y: hidden;
  overflow-x: auto;
  font-size: .9em;
  display:inline-block;
}
.syntax:hover {
  max-width: 135% !important;
  min-width: 135%;
}

Answer 1

我不确定我是否理解您的意思，但如果我没记错的话，您剩下的就是:

最小宽度:135% !important;

您可能需要根据需要调整溢出

更好的选择是使用固定大小，但如果您正在处理自适应布局环境，我猜这是不行的