Can't change text color in <thead>

[mcru]

I'm trying to change the color and font-weight in the <thead></thead> tags of a table by doing this...


<thead class="head1">
<th class="sortable-text"> Userid</th>
<th class="sortable-text">First Name</th>
<th class="sortable-text">Last Name</th>
<th class="sortable-text">Can Edit</th>
</thead>


I need the class="sortable-text" in my <th></th> because it's part of a javascript sorting library that I'm using. I have a feeling that's what's not allowing my head1 class to be applied to the table. Any suggestions?

[1DayTutoring]

If "sortable-text" defines rules for color and font-weight then those would override their counterparts set in "head1"
Change the selector ".head1" to ".head1>th" to directly target the direct childs "th"