Tom, I think what you're looking for is classes.
so <h2 class="verybigh2">This is really big!</h2>
<h2 class="purple">This is a purple heading</h2>
or maybe .blog h2 {foo}
Always use heading elements to structure the content. This will help the
pages make sense to blind users, and google likes it too. Change what
they look like at will.
Does that help? Is this what you're looking for?
--
Sandy
sandyfeldman.com <https://sandyfeldman.com>
a11yready.com <https://www.a11yready.com/>
On 2021-08-05 10:24 a.m., Tom Livingston wrote:
Listers,
How do you handle styling heading elements (h1-h6) when you have
different page templates within a site? I run into this often. One
page has an obvious hierarchy in the design and another page has a
different layout where what you would make an h2, for example, looks
different from the h2 on the first page. Do you have different
heading styles per template/page? And with components that can be used
on any page anywhere in the structure - do you not use heading
elements in this case?
This is basically a document outline/styling issue I struggle with a
lot. Hopefully my question is understood...
TIA
______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
