html - CSS for selecting first span in all td's -
html - CSS for selecting first span in all td's -
i having problem visualizing css , trying reach td
's first span
css, selecting first td
. doing wrong?
css
.teamstats > tbody > tr > th:first-child { font-size: 20px; }
html
<table class="teamstats"> <tr> <th> <span id="stats0name"></span> <br /> <span id="stats0double"></span> <br /> <span id="stats0triple"></span> <br /> <span id="stats0quadra"></span> <br /> <span id="stats0penta"></span> </th> <th> <span id="stats1name"></span> <br /> <span id="stats1double"></span> <br /> <span id="stats1triple"></span> <br /> <span id="stats1quadra"></span> <br /> <span id="stats1penta"></span> </th> <th> <span id="stats2name"></span> <br /> <span id="stats2double"></span> <br /> <span id="stats2triple"></span> <br /> <span id="stats2quadra"></span> <br /> <span id="stats2penta"></span> </th> </tr> </table>
tldr: trying set style stats#name, , struggling mapping css.
you there:
.teamstats > tbody > tr > th span:first-child { font-size: 20px; }
class="snippet-code-css lang-css prettyprint-override">.teamstats > tbody > tr > th > span:first-child { font-size: 20px; }
class="snippet-code-html lang-html prettyprint-override"><table class="teamstats"> <tr> <th> <span id="stats0name">this</span> <br /> <span id="stats0double">not this</span> <br /> <span id="stats0triple">not this</span> <br /> <span id="stats0quadra">not this</span> <br /> <span id="stats0penta">not this</span> </th> <th> <span id="stats1name">this</span> <br /> <span id="stats1double">not this</span> <br /> <span id="stats1triple">not this</span> <br /> <span id="stats1quadra">not this</span> <br /> <span id="stats1penta">not this</span> </th> <th> <span id="stats2name">this</span> <br /> <span id="stats2double">not this</span> <br /> <span id="stats2triple">not this</span> <br /> <span id="stats2quadra">not this</span> <br /> <span id="stats2penta">not this</span> </th> </tr> </table>
html css
Comments
Post a Comment