1 reply [Last post]
gidmeister3
gidmeister3's picture
Offline
newbie
Last seen: 2 weeks 1 day ago
Timezone: GMT-5
Joined: 2014-11-01
Posts: 6
Points: 13

Suppose I have a article inside an article tag. The article sometimes has its own CSS style declarations.
I also have DIV that pops up over the article. It is defined in the html before the article tag is encountered, but is moved above it by JavaScript. In Microsoft Edge (I did not test elsewhere), I find that the styles in the article are applied to the DIV. This is not good!
For instance, the popup DIV has a textarea that the user is supposed to enter an opinion into. Unfortunately sometimes that textarea is very small, due to a style that occurred in the main article.

I could make specific classes for the textarea, and for other elements in the popup, but its hard to anticipate every possible style that might appear in the article tag, and which have to be counter-acted.

Is there a solution to this? Can I prevent inheritance?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 day 5 hours ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9651
Points: 3719

Link to the page?

Without seeing the live page, it is difficult if not impossible to debug your issue.

g

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.