大家好，如果我有一個像下面這樣的 html 元素
<div>
<div>Name</div>
<div><input type="text" class="check">
<div>Age</div>
<div><input type="number" class="check"></div>
<div>address1</div>
<div><input type="text"></div>
</div>我想更改具有 .check css 屬性的元素的先前元素。類似于 Name -> *Name 帶有讀取顏色。
在 CSS 中可能嗎？或者我需要與JS混合嗎？
任何想法或建議將不勝感激。
謝謝。
uj5u.com熱心網友回復：
這是一個可能的解決方案。應用的更改：
input標簽不再位于它們自己的內部divinput標簽和div包含標簽更改的位置。CSS只能向前看。
.container {
display: flex;
flex-direction: column-reverse;
}
input {
width: 200px;
}
input.check div {
color: green;
}<div>
<div class="container">
<input type="text" class="check">
<div>Name</div>
</div>
<div class="container">
<input type="number" class="check">
<div>Age</div>
</div>
<div class="container">
<input type="text">
<div>address1</div>
</div>
</div>uj5u.com熱心網友回復：
我不得不說 Gerard 的想法看起來很不錯，如果需要我會使用它，但也許您也可以嘗試為要應用 CSS 的元素提供類，這樣您就可以直接選擇這些元素。如果這不是您想要的，您也可以嘗試使用 ntn-child，如下所示：
<div class="my-class">
<div>Name</div>
<div><input type="text" class="check">
<div>Age</div>
<div><input type="number" class="check"></div>
<div>address1</div>
<div><input type="text"></div>
</div>
CSS
.my-class:nth-child(n) {
color: red;
}
考慮到 n 是您想要應用代碼的子編號，因此根據您的父元素中有多少元素，您可以將 n 設定為一個或另一個。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/379996.html
標籤：javascript html 查询 css
上一篇：PHP時間檢查帖子是否超過六個月