現在、LESS を使用してボタンを非表示にしようとしています。私の HTML は次のようになります。
<div class="targets">
<div class="target">
<div class="form-group">
<div class="col-md-12">
<button type="button" class="btn-delete" />
</div>
</div>
</div>
</div>
問題: jQuery を使用して「ターゲット」 div を「ターゲット」 div に追加すると、DOM 操作後の HTML は次のようになります。
<div class="targets">
<div class="target">
<div class="form-group">
<div class="col-md-12">
<button type="button" class="btn-delete" />
</div>
</div>
</div>
<div class="target">
<div class="form-group">
<div class="col-md-12">
<button type="button" class="btn-delete" />
</div>
</div>
</div>
<div class="target">
<div class="form-group">
<div class="col-md-12">
<button type="button" class="btn-delete" />
</div>
</div>
</div>
</div>
クラス btn-delete で最初のボタンを常に非表示にしたいと考えています。私はレスを使用しています。
私の現在の LESS は次のようになります。
.targets {
button[type="button"] {
.btn-delete {
visibility: hidden;
}
}
}
残念ながら、私の LESS コーディングは期待どおりに機能しません。
この問題を解決して、最初の .btn-delete ボタンを LESS Css で常に非表示にする方法を知っていますか?
ありがとう!:)
こんにちは、以下のコードを使用して、正しく動作します
.targets{
.target:first-child{
button[type="button"] {
&.btn-delete{
visibility: hidden;
}
}
}
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加