css - remove css image border on child page

Question

I'm using asp.net with themes, master and child pages. In the base css, I've got the img tag with a border. It's great in that I never have to place a border around my image. However, on one page where I'm using the Nivo slider, I want to remove the border. I know it's the base image, cause if I change the border to white, everything works fine - but every image on my website then is missing the border. I thought the inheritance went theme, page, inline css?

 img { margin:0 10px 10px 10px;border:1px solid #000000;}
 #imgNoLine { margin:0 0 0 0;border:0 #ffffff !important; }

 #maincontainer #contentwrapper #contentcolumn #contentInnerTube fieldset .nivoSlider img { position:absolute;margin:0 0 0 0; top:0px;left:0px; display:none;border:none 0 solid white !important; }

 <img src="image.jpg" alt="" style="border-width: 0 !important;" id="imgNoLine" />

Answer 1

将您的滑块放在一个 div 中并给该 div 一个 id。然后在 css 中使用它：

#div-id img{
    border:none;
}