I have a tag selector defined for all my heading elements (h1-h4) that I use site wide. I was simply trying to create a “highlight” for urgent messages by creating a class called “alerts” that would do some table and heading changes. I found I could not get this to work with what I understood to be a compound selector like this:

When I did that, the normal h3 selector in the CSS file took precedence.

When I coded it like this, it worked:

Basically the HTML applies class=“alerts” to the tag.

I’ve read up on what should take precedence and can’t figure out why the other one works. I’d prefer to use the first style, as there are a number of different tags I want the “alerts class” to affect.

What I am missing?

Thanks!

I’ve read up on what should take precedence and can’t figure out why the other one works. I’d prefer to use the first style, as there are a number of different tags I want the “alerts class” to affect.

Hi,
All you need to do is just set the class only and then apply that class to any element in the html.

Then in the html as you probably already know it will look like this.

Yes thanks, I knew that would work. The reason I want to be more specific is like this:

Say in this alert section, I have a table of news. I want the

element and then use:

Anyway, perhaps the book I read showed invalid syntax. I’ve got a fair amount of CSS on the site for navigation, etc. and all working well. I must just be having a brain f*rt on how to do this easily.

Ah, yes I see what you are wanting to do. See if this reference on Selector Grouping will help you out. Be sure to click on the “Play” tab for a live example that you can edit and preview.