===== Rounded corners on a table =====
This CSS will give you rounded corners on your table, even if you add/remove columns and rows.
table tr:first-child th:first-child ,
table tr:first-child td:first-child { border-top-left-radius : 15px ; }
table tr:first-child th:last-child ,
table tr:first-child td:last-child { border-top-right-radius : 15px ; }
table tr:last-child td:first-child { border-bottom-left-radius : 15px ; }
table tr:last-child td:last-child { border-bottom-right-radius : 15px ; }
===== Working with multiple CSS stylesheets =====
==== Different types of CSS relationships ====
^ Type of stylesheet ^ Relationship ^ Title ^ Notes ^
| Persistent | stylesheet | Not set | Always active |
| Preferred | stylesheet | Set | Active on initial page load |
| Alternate | alternate stylesheet | Set | |
Preferred and alternate stylesheets can be grouped together (if you need more than one stylesheet to create a given theme, for example). They are grouped together by having a common "title" attribute; grouped stylesheets will be enabled/disabled together.
While it is permitted by the DTD to have more than one set of preferred stylesheets, it's best practice to have one set (which implements your site's default theme) and then provide any other sets as alternate stylesheets. I've included an example below of where you would put a second (and subsequent) set of preferred stylesheets, but (as noted below in comments) I'd recommend that you not do so.
==== Switching themes using browser built-in controls ====
When the page initially loads, any persistent stylesheets and the first of any preferred stylesheets are applied. The user can then switch to other stylesheets; when this choice is made, any persistent stylesheets will remain "enabled" and all other preferred and alternate stylesheets will be "disabled".
* Firefox: View > Page Style
==== Example with all stylesheet relationships ====
CSS Relationship Test