Class intended for specific tables used by classless td and th

A set of styles was written so that <thead> does not scroll while

<tbody> does. Unfortunately, I have seen several instances where <table>, <th> and <td> have these styles applied even though there is no class defined for the tag. Most viewed was width: 25% applied to a <td>.

Any idea why this would happen?

table.scrollable {
    border-collapse: collapse;
    width: auto;
table.scrollable thead {
    display: table;
    float: left;
    width: 100%;
table.scrollable thead tr {
    display: table-row;
    width: 100%;

Class not applying to multiple elements in Firefox

Hey, I'm creating a website for the first time since frames and tables went out of fashion, and am using CSS to style my html.

I am running into a funny browser compatibility problem that I haven't been able to find an answer to online:

In my style sheet, I made a psuedo-class to use on links that I wanted to look different from the others on the site:

a.s:link {
 font-size: .8em;

I then apply it like this:

<a class="s" href="url.html">LINK</a>

Syndicate content