question regarding assigning tags to classes in html

Question

Hi All,

Say I have a class name person with foll style in css-

.person { font: 10px Arial black; }

now if i want to assign as h1 tag to this class so for any instance of h1 tag in class person i want the some styles to be processed

i tried

.person h1 { color: red; }

but its not working.

Iam bit confused with the syntax

Answer 1

When two selectors address the same element, you write them together, no spaces.

For a h1 of the class person use

h1.person

For a h1 with the class person and the ID jay you'd use

h1.person#jay

Answer 2

You can't assign classes to elements in CSS. You can only do it in the DOM tree, i.e. either in the HTML or by postprocessing it in JavaScript. For what you really want to know, see Pekka's answer.

Answer 3

.person h1 refers to this sort of element:

<div class="person">
    <h1>This is getting the style</h1>
</div>

To get an element like this:

<h1 class="person">This is getting the style</h1>

You need to use h1.person.