Ignore CSS Class on a Specific Page

1

I have a system where the front was done with AngularJS . In this system I have the page index.html where I declare all the libraries, in that same page I have

o seguinte trecho de código:
<div id="wrapper">
         <hamburger-toggle state="stateModel" id="menu-toggle" href="#menu"></hamburger-toggle>
         <div ng-view></div>
</div> 

I have a div that has the CSS class wrapper , and within that div I have another where I load all my pages.

The problem is that my login page loads into this div with class wrapper , and this class unconfigures the entire page. I would like to ignore this class only on my login page.

I tried to do this:

#wrapper input:not(.ignoreCss) {...}

And at the beginning of the login page I did this:

 <div class="ignoreCss">
 ...

But it did not work. How do I resolve this issue?

    
asked by anonymous 05.10.2015 / 19:02

1 answer

1

Using Your Example .

When you do this: #wrapper input:not(.ignoreCss) {...} you are ignoring the css only for inputs, not the full page. To delete the full div, you could do this:

#wrapper :not(.ignoreCss) {
    background: black;
    border : 1px solid;
    color: #fff;
}
<div id=wrapper>
  <div>a</div>
  <div>s</div>
  <div class=ignoreCss>f</div> <!-- Esse não vai ser preto -->
  <div>d</div>
</div>

So you're not only limiting inputs .

In this code, you are saying that the div that has the ignoreCss class will not have the properties set to the id #wrapper .

JSFiddle.

    
05.10.2015 / 19:16