Is it possible to somehow isolate a separate part of the page from the use of global styles ??

in blabla.css I have such a “class” here:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } 

What to do with the tag (in my case <h: outputText>) so that it ignores these styles or will probably correctly express how to override it? thanks for the help

  • in more detail, where and how? - vanekk1 2:42
  • just add to the class = "" elements, and then write definitely for this element - vanekk1
  • there is a tag <h: outputText value = "value" /> So value is an html document and global styles are applied to it accordingly. class = "" tried, does not help - eskelevra

1 answer 1

No, you cannot isolate part of the page from global styles. If the style is global and part of the page fits the condition of those styles, they will be applied.

Style can be overridden. If you need to display a block of a site with styles different from global ones, redefine the necessary styles for that block. Use tag nesting or class and create style rules for that unique block.

UPD : according to the documentation, you can add inline style.

 <h:outputText value="value" style="font-weight:bold" /> 

Here in style = "" - write down all the necessary styles for this block.

  • Thanks for the advice, I think this option will suit me - eskelevra
  • Please see addition to my question - eskelevra