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)

CSS コードを LESS 構文で記述しているため、タイトルに LESS と記載しました。

4

2 に答える 2

2

場合によっては、これを概算できます (ただし、CSS3 に準拠した最新のブラウザーが必要です)。

input {
    border-color: #f00;
}

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

JS フィドルのデモ。

上記は、親の子として唯一の要素 (または「そのタイプの要素」) であるinput要素をスタイルしようとしているという前提で機能します (同じ要素タイプの兄弟はありません)。 inputinput

ただし、兄弟要素があるかどうかに応じて要素のスタイルを変更しようとしている場合は、次を使用できます。

input {
    border-color: #f00;
}

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

JS フィドルのデモ。

参考文献:

于 2013-09-05T13:41:15.503 に答える