andybrewer / mvp

MVP.css — Minimalist classless CSS stylesheet for HTML elements
https://andybrewer.github.io/mvp/
MIT License
4.98k stars 192 forks source link

Only apply top border radii on first table header row #111

Closed harrymander closed 9 months ago

harrymander commented 9 months ago

Makes tables that have multiple tr elements inside thead look nicer.

E.g. based on index.html, before:

Screenshot from 2024-01-17 16-39-38

After:

Screenshot from 2024-01-17 16-39-54

HTML:

<table>
  <thead>
      <tr>
          <th rowspan="2">Feature</th>
          <th colspan="3">CSS framework</th>
      </tr>
      <tr>
          <th>MVP.css</th>
          <th>No CSS</th>
          <th>Custom CSS</th>
      </tr>
  </thead>
 <!-- ... -->
</table>