Применение класса ко всем дочерним элементам элемента

Question

Мне интересно, возможно ли (без использования JS) утверждать, что все дети tr.myRow имеют определенный класс. Я пытаюсь использовать W3.CSS, и я хочу, чтобы каждый элемент <td> был w3-border. Теперь код должен выглядеть примерно так:

<table class="w3-table"> 
    <tr> 
     <td class="w3-border">A</td> 
     <td class="w3-border">B</td> 
     <td class="w3-border">C</td> 
    </tr> 
</table> 

который не является изящным.

Я был бы признателен за любые намеки

Answer 1

Что касается вашего вопроса точно так, как вы сформулированный его - вы не можете назначить классы для HTML элементов через голую CSS. Для этого, в частности, вам нужно будет использовать javascript или расширение CSS, такое как SCSS.

Я, однако, предполагаю, что вы пытаетесь присвоить свойства/значения действительным td - для которых вам не потребуется назначать класс.

tr.myRow * { /* Add your styles here */ }

Этот метод не дает ответа на ваш вопрос, но действительно обеспечивает способ получения того же результата, вы, скорее всего ищет.

Answer 2

.w3-table tr td {//add your css}