0

有没有办法，有一个if类似的语法，我可以检查（例如）有超过input[type="text"]

就像是：

.my-element >= 1 {
   border: 1px solid red; // Each .my-element will have a red border
}

.my-lement == 1 {
   border: 1px solid green; // The only .my-element will have a green border
}

在javascript中，我会做类似的事情：

if ($('input[type="text"]').length >= 1)

我在标题中提到了 LESS，因为我正在用 LESS 语法编写我的 css 代码

4

2 回答 2

2

不，在 CSS 中没有if else. 用于动态JavaScript更改您的css。

在获得一票否决后，我记得有些人在不发表任何评论的情况下对您投了反对票：)。所以让我更清楚地回答我的问题。

该if声明也不存在LESS。但是这种语言支持保护表达式，这可能有助于模仿一些 if 语句。

检查本教程

于 2013-09-05T13:02:18.793 回答
2

在某些情况下，您可以近似此值（尽管它需要符合 CSS3 的最新浏览器）：

input {
    border-color: #f00;
}

input:only-of-type {
    border-color: #0f0;
}

JS 小提琴演示。

以上假设您正在尝试input将唯一 input元素（或“该类型的元素”）设置为其父元素的子元素（它没有相同input元素类型的兄弟姐妹）。

但是，如果您尝试根据元素是否具有任何兄弟元素来设置不同的样式，则可以使用：

input {
    border-color: #f00;
}

input:only-child {
    border-color: #0f0;
}

JS 小提琴演示。

参考：

于 2013-09-05T13:41:15.503 回答