How to let a div behave like another div?


Tags: css

Problem :

I am making a child theme out of a parent theme. In the child theme i have some div's which should behave (style-wise) almost exact the same as div's in the parent theme. Parent theme has HTML Wysiwyg

And in my child theme i like to use HTML Wysiwyg

How can i give div "edButtonHTMLChild" the same .css style as edButtonHTML without altering the parent .css file?

Something like

#edButtonHTMLChild = #edButtonHTML 

regards



Solution :

Normal CSS does not support inheritance; you need to add the child's selector to the parent's ruleset:

#edButtonHTMLChild, #edButtonHTML{
  styles...
}

or use Javascript to apply the same styles.


    CSS Howto..

    How to align div to center of verital and horizontal

    How to vertical align the text inside a div in responsive layout

    how to include css style to modify existing placeholder

    How to change the color of numbers in ordered list without using counter in css? [duplicate]

    How to use nav-pill with nav-justified from bootstrap3x without responsive features

    How to align a div to lower left corner in css

    HTML/ CSS: A href exceeds linking image - how to avoid?

    How to keep responsiveness while expanding div background height in CSS?

    How to revert back to Desktop website from Mobile Website when using CSS Media Queries?

    How do I apply CSS Transition to my responsive menu?

    How to create an href that opens a div on screen? [closed]

    Ionic: How to center a div?

    jason lewis basset did not show icons well in laravel 4

    How to make circles repeat in the background of an element in full CSS?

    how to change default Bootstrap link hover color to custom color? [closed]

    how to set the default css validation scheme in visual studio 2010?

    How do I create a full-width bar on a web page?

    css: how to have a variable column size with text overflow ellipsis

    How to override mixins in LESS CSS 1.4+

    How to make text box scroll vertical in overflow css html?

    How to make div size bigger?

    How to use a different stylesheet for iphone or android?

    How to create vertically centered meeting borders on a div?

    How can I check if CSS calc() is available using JavaScript?

    How to debug CSS with Firebug for an element that only appears when clicked?

    How to apply texture to text with a shadow

    How to write syntax in internal css to external css?

    How to achieve this box layout with css and/or js?

    how to prevent form height increase on every click in Internet Explorer 9 in jqGrid

    Sencha Touch 2: how to remove right arrow of datepickerfield by using css?