Select all the h tag inside a class

css html-heading
Body picture Body · Jan 25, 2013 · Viewed 13.4k times · Source

Instead of writing the CSS code like,

.dark h1, 
.dark h2, 
.dark h3, 
.dark h4, 
.dark h5, 
.dark h6 {

}

Is there any short way to this like [class*="blah"]?

Regards.

Answer

Zeta picture Zeta · Jan 25, 2013

No, since attribute selectors work only on, well, attributes. You can't use a regular expression or something similar for element names. Certain systems like LESS or SASS enable you to write such expressions with less code, however there is no such thing in native CSS.

Related questions

How can I remove space (margin) above HTML header?

I am creating a website. I have written the HTML part and now I am writing the stylesheet. But there is always some space above my header. How can I remove it? My HTML and CSS code is given below.

Read More
how to have two headings on the same line in html

I want to have two headings h2 and h3 on the same horizontal rule one on the left and the other on the right. They have a HR underneath them and I want them to be at the same distance …

Read More
How do I center an h1 in the body

I tried centering my h1 in the body tag like this: h1 {margin:0 auto} http://jsfiddle.net/qPDwY/ But it doesn't center. How do I fix it?

Read More