Universal selector

[smus]

Is it possible to apply to several tags with one selector, not creating class for it? For example, I want a common property for all headings in the document:

h1, h2, h3{color: orange;}

<h1>h1</h1>

<h2>h2</h2>

<h3>h3</h3>

Something like h^{color: orange;} for tag selectors?

 

[dsonesuk]

There is only 6?, you don't have apply a class  to all, just the parent
 

<div class="myheadercolor">

<h1>h1</h1>

<h2>h2</h2>

<h3>h3</h3>

</div>

.myheadercolor h1, .myheadercolor h2,.myheadercolor h3 {color: orange;}

 

[smus]

naive solution, because, hypothetically, headings might be scattered around the document.

No, I was just wondering why developers invented such convenient thing, but did not apply it to tag names. Philosophical question

[dsonesuk]

As they are part of the same document, representing main title heading and sub headings of importance, No! not really, as they, would come under the same parent element. IF they were scattered anywhere, then they are not used as they were properly intended.

[Funce]

You'll need to do H1, h2, h3 and so on

https://stackoverflow.com/questions/7539125/can-i-target-all-h-tags-with-a-single-selector

Edited October 18, 2018 by Funce

[ishan_shah]

If you have only header tags in your HTML than you can use * as an universal selector. Or else you can give names if there are only few tags as you don`t want to give class to the all elements.

[shaili_shah]

universal selector apply style to all element so if you have another tag except h1,h2,h3  you must be  apply style to parent class 

[ishan_shah]

Hello @smus,
Simply you can use the element name separated by a comma as a selector in CSS. Following is the example of multiple tags as a single selector.

E.x.
h1, h2, h3 {
        color:orange;
}

Edited November 22, 2019 by ishan_shah