выберите <label>в <td>сразу после <input>, а в <td>тоже в CSS - PullRequest
Новая
       12

выберите <label>в <td>сразу после <input>, а в <td>тоже в CSS

0 голосов
/ 22 марта 2020

i Напишите этот код 

<table>
       <tr>
           <td><input type="checkbox" id="id" name="name" value="value"></td>
           <td><label for="id">LABLE</label></td> /*SELECT THIS LABEL*/
       </tr>
</table>

Мне нужно выбрать td [1] для работы с ним в DOM и CSS. как мне это сделать?

Ответы [ 2 ]

0 голосов
/ 25 марта 2020

Вы можете сделать это с помощью селектора 

`:nth-child()`

В вашем конкретном примере, чтобы установить флажок, вы можете использовать: 

table tr td:nth-child(1) {
  // put your styling here
}

Вы всегда можете добавить классы или идентификаторы на все, что вы хотите выбрать. Затем вы можете настроить таргетинг на элементы в CSS или JS.

В CSS вы можете сделать это следующим образом 

.className {
  // styling here
}

В Javascript вы можете сделать следующее: 

document.querySelector('.className');

Если вы используете идентификатор, вместо него вы используете #idName.

0 голосов
/ 22 марта 2020

Если вы хотите иметь возможность целевого элемента метки в HTML, самый простой способ - применить к нему класс или идентификатор, например <label class="myLabel" for="id">LABLE</label>. Затем вы можете нацелиться на .myLabel в вашем CSS, чтобы иметь возможность манипулировать им.

...