Search code examples
cssstylesheetchromium

Why does my CSS property for a class not apply?

I created a table with a specific class= indicator to apply customized CSS properties while my stylesheet looks like:

tr td,
tr th.featured {
  border: none;
}
tbody.featured {
  border-top: none;
}

However, while trying the stylesheets out in Chromium's page "inspector" they seem to work and apply fine but once I add them to my .css file, they don't apply. What's the problem here?

Hooops I missed to include the link: http://spabc.com/drupal/

Solution

  • Note that you are having a non ASCII character in your css. at the beginning of this line:

      border: none;

    this character uses 3 bytes, in hexadecimal representation ef bf bc, ASCII is just one byte per character.

    sidenote: in bash to show the hex representation of bytes next to their ASCII interpretation you can use hd <textfile> or equally hexdump -C <textfile>.