Using Classes to Style in CSS

Question

I've got a table, and inside of the table are elements. I would like to give the table one class "chart" and then style all of the elements that are inside of that table by giving them padding.

Is this possible?

I was thinking something like...

info.table.td{
    padding:2px;
}

Would be possible, but it does not work :V I know that . is sort of the class operator, but I thought it would make sense on a tag type as well.

score 6 · Accepted Answer · answered Feb 17 '11 at 03:19

6

info.table.td means an <info> element with the classes table and td (which is nonsense).

You probably mean table.info td, which means any td that is a child of a table with the class info.

answered Feb 17 '11 at 03:19

deceze

510,633
85
743
889

@alex Oh no, I just meant that there's no such thing as an `` element. :P – deceze Feb 17 '11 at 03:23

score 2 · Answer 2 · answered Feb 17 '11 at 03:19

2

Assuming info is the ID to a container element, try this:

#info table td { padding: 2px; }

answered Feb 17 '11 at 03:19

Jesse Bunch

6,651
4
36
59

Woops! This is close. But # are for IDs, I want to style all the tables the same way, hence they have a class, not an ID – Jazzepi Feb 17 '11 at 03:22
No worries. I misunderstood you. Looks like deceze has you taken care of. – Jesse Bunch Feb 17 '11 at 15:35

Using Classes to Style in CSS

2 Answers2