Some questions about some CSS

[violagirl]

<style type="text/css">body {table table table table{ border: 3px; }table table table { border-width: 3px; border-color: rgb(0, 0, 0); border-style: solid; background-color: rgb(22, 108, 131); }table table table td { background-color: rgb(22, 108, 131); filter:alpha(100); -moz-opacity:0.; opacity: 100; -khtml-opacity:0.; }table table table table td { filter:none; }body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 { font-family: Verdana; font-size: 12px; color: rgb(255, 255, 255); font-weight: bold; font-style: normal; }.nametext { padding: 5px; display: block; font-family: Verdana; font-size: 16px; color: rgb(255, 255, 255); font-weight: bold; font-style: normal; text-decoration: none; }.whitetext12, .orangetext15 { font-family: Verdana; font-size: 12px; color: rgb(255, 255, 255); font-weight: normal; font-style: normal; text-decoration: none; }a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover { color: rgb(52, 170, 166); font-weight: bold; font-style: normal; text-decoration: none; }a.navbar:hover, a.man:hover, a:hover { color: rgb(255, 255, 255); font-weight: bold; font-style: normal; text-decoration: underline; }.badge { position: absolute; left: 1px; top: 1px; } }</style>

This isn't my code, so I had a couple of questions on it, as I don't know a lot about CSS. What is the point of writing table table table? I don't get this!What are the ones that are just .something? I thought everything had to be something like a.name, or something.something. What does all the .badge, .whitetext12, etc. mean, exactly?Sorry, I just don't know much about CSS, is all!

[justsomeguy]

This rule:table table table {Will only apply to a table nested 3 levels deep. It will only apply to this:

<table>  <tr>	<td>	  <table>		<tr>		  <td>			<table> <- it applies to that table

Anything that starts with a dot is a classname. The .badge class can apply to any element:<div class="badge"><span class="badge"><table class="badge"><img class="badge">A class like a.navbar will only apply to <a> tags:<a class="navbar"> it applies here<div class="navbar"> does not apply here