INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Jobs

What is the meansing of the following CSS syntax?

What is the meansing of the following CSS syntax?

(OP)
I am looking at this and wonder what does it mean in plain English

CODE

.coolTable {
	border-collapse:collapse; 
	margin-top:2px;
	margin-bottom: 2px;
	font-family: arial;
	font-size: 8.5px;
	text-transform: uppercase;
	}
	.coolTable .r0 td	{}
	.coolTable .r1 td	{background-color:#F6F6F6;}
	.coolTable .over td	{background-color:#FF8800;}
	.coolTable .sortedAsc		{background-color:#66CC66 !important;}
	.coolTable .sortedDesc		{background-color:#CC6666 !important;}	
	} 

Is this a CLASS within a CLASS - How can I set this as property to a page element?

Not knowing but trying to make sense out of it, I think:
(a) Table is set as CLASS "coolTable"
(b) Elements within this table are set as CLASS r0, r1, over, sortedAsc and sortedDesc

Will be playing with this CSS and look forward to learning a couple of things!

--
SouthBeach
http://www.fpgroups.com
The good thing about not knowing is the opportunity to learn - Yours truly, 2008.

RE: What is the meansing of the following CSS syntax?

I agree with 1DMF. The last Curly Brace is misplaced there.

Other than that, this is just standard CSS.

An Element with a class of .coolTable

CODE

.coolTable {
	border-collapse:collapse; 
	margin-top:2px;
	margin-bottom: 2px;
	font-family: arial;
	font-size: 8.5px;
	text-transform: uppercase;
	} 

And then several elements inside that element.

CODE

	.coolTable .r0 td	{}

	.coolTable .r1 td	{background-color:#F6F6F6;}

	.coolTable .sortedAsc		{background-color:#66CC66 !important;}

	.coolTable .sortedDesc		{background-color:#CC6666 !important;}	

	} 

A table cell (td) inside an element with a class of .r0 that's inside an element with a class of .coolTable.

A table cell (td) inside an element with a class of .r1 that's inside an element with a class of .coolTable.

An element with a class of .sortAsc that's inside an element with a class of .coolTable

An element with a class of .sortDesc that's inside an element with a class of .coolTable

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech

RE: What is the meansing of the following CSS syntax?

Hi

Just a small note : the closing brace ( } ) at the end is not necessarily "misplaced", it can be as well mispasted.

Of course, supposing there was an opening brace ( { ) earlier, together with a CSS Conditional Rule ( aka @-rule ) :

CODE --> CSS

@media screen {
  .coolTable {
    border-collapse:collapse;
    margin-top:2px;
    margin-bottom: 2px;
    font-family: arial;
    font-size: 8.5px;
    text-transform: uppercase;
  }
  .coolTable .r0 td	{}
  .coolTable .r1 td	{background-color:#F6F6F6;}
  .coolTable .over td	{background-color:#FF8800;}
  .coolTable .sortedAsc		{background-color:#66CC66 !important;}
  .coolTable .sortedDesc		{background-color:#CC6666 !important;}
} 

Feherke.
feherke.github.io

RE: What is the meansing of the following CSS syntax?

Very true, wink

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members!

Resources

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close