Applying CSS styles to all elements inside a DIV

Question

I would like to apply a CSS file to a concrete DIV in my page  This is the page structure    lt link rel  stylesheet  href  style css    gt       lt body gt      lt div id  pagina-page  data-role  page  gt             lt div id  applyCSS  gt         all the elements here must follow a concrete CSS rules      lt  div gt          lt  body gt    I tried to apply the rules of the CSS file editing it like this  the CSS file is so large     applyCSS          For all the elements inside  applyCSS  DIV        ui-bar-a                                    ui-bar-a  ui-link-inherit                                But that solution doesn t work  So  how can I do that

User · Answer

Alternate solution  Include your external CSS in your HTML file by   lt link rel  stylesheet  href  css applyCSS css   gt     inside the applyCSS css       applyCSS             Your Style

User · Answer

If you re looking for a shortcut for writing out all of your selectors  then a CSS Preprocessor  Sass  LESS  Stylus  etc   can do what you re looking for   However  the generated styles must be valid CSS   Sass      applyCSS        ui-bar-a          color  blue             ui-bar-a  ui-link-inherit          color  orange            background   CCC      Generated CSS    applyCSS     background   CCC      applyCSS  ui-bar-a     color  blue      applyCSS  ui-bar-a  ui-link-inherit     color  orange

User · Answer

yourWrapperClass         your styles for ALL        This code will apply styles all elements inside  yourWrapperClass

User · Answer

applyCSS  gt           Your style        Check this JSfiddle  It will style all children and grandchildren  but will exclude loosely flying text in the div itself and only target wrapped  by tags  content

User · Answer

Write all class id CSS as below   applyCSS ID will be parent of all CSS code   For example you add class  ui-bar-a in CSS for applying to your div    applyCSS  ui-bar-a    font-size 11px       This will be your CSS part      Below is your HTML part    lt div id  applyCSS  gt      lt div class  ui-bar-a  gt testing lt  div gt   lt  div gt

User · Answer

You could try    applyCSS  ui-bar-a  property value   applyCSS  ui-bar-a  ui-link-inherit  property value    Etc  etc    Is that what you re looking for

User · Answer

I do not understand why it does not work for you  it works for me   http   jsfiddle net igorlaszlo wcm1soma 1   The HTML   lt div id  pagina-page  data-role  page  gt       lt div id  applyCSS  gt       lt  --all the elements here must follow a concrete CSS rules-- gt           lt a class  ui-bar-a  gt This  a  element text should be red              lt span class  ui-link-inherit  gt This span text in  a  element should be red too lt  span gt           lt  a gt             lt  div gt   lt  div gt    The CSS    applyCSS    color red display block margin 20px     Maybe you have some special rules that you did not share with us

[html] Applying CSS styles to all elements inside a DIV

Examples related to html

Examples related to css