将类应用于元素的所有子元素

Question

I'm wondering if it's possible (without using JS) to state that all children of tr.myRow have a certain class. I'm trying to use W3.CSS and I want every <td> element to be w3-border class. Now the code has to look like this:

<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>

which is not elegant.

I would appreciate any hints

Answer 1

Regarding your question exactly as you worded it - you are not able to assign classes to HTML elements via bare CSS. For this, specifically, you would need to use javascript, or a CSS extension like SCSS.

I am, however, assuming you are trying to assign properties/values to the actual td - which you wouldn't need class assignment for.

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

This method does not answer your question, but does provide a way to produce the same result you are most likely looking for.

Answer 2

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