Игнорирование прошлого css

Question

Я хочу иметь некоторые изображения в контейнере CSS, но для них не требуется форматирование контейнера. Эффект, который я ищу, представляет собой фон одного изображения, а затем эти другие изображения поверх него.

Большая проблема для моего главного контейнера у меня есть

border-radius:50px; 

Чтобы создать красивый округлый фоновое изображение. Я не хочу, чтобы мои внутренние образы были круглыми.

Стараюсь

div.innerimage img{ 
    border-radius: 0px; 
} 

, чтобы избавиться от этого, однако они остаются вокруг. Как остановить наследование этого предыдущего форматирования?

Answer 1

Вам нужно добавить !important

div.innerimage img{ 
    border-radius: 0px !important; 
} 

Answer 2

Вы должны принести IMG вне Div контейнер, который вы уже установили границы радиуса

, например:

<div class="containter"> 
    <div class="bgimage"></div> 
    <img src="you_image_path" /> 
</div> 

CSS:

.containter{position:relative;height: 100px;width:100px} 
.bgimage{position: absolute; width: 100px;height:100px;top:0;left:0} 
.containter img{position: absolute; width: 100px;height:100px;top:0;left:0} 

Answer 3

этот пример работает отлично http://jsfiddle.net/YMr5y/1/

<div> 
<img width="100" height="100"> 
<div class="innerimage"> 
    <img width="100" height="100"> 
</div> 

div img 
{ 
border-radius:50px; 
background-color:black; 
width:100px; 
height:100px; 
} 
div.innerimage img{ 
border-radius: 0px; 
} 

мне нужен ваш HTML, чтобы догадаться, что реальная проблема

Answer 4

Вам необходимо переопределить стиль родительского элемента.

#container img { 
    border-radius:50%; 
    margin:10px; 
} 
#container .innerimage img { 
    border-radius: 0px; 
} 

Я предполагаю, что у вас есть HTML-то, как я создал на jsfiddle.

Надеются, что это помогает.

Answer 5

Самое легкое решение для этого - прикрепить класс или идентификатор CSS к вашему фоновому элементу и прикрепить border-radius к этому классу.

Затем, если вам нужно указать border-radius:0 вашему внутреннему элементу, это будет иметь приоритет без необходимости в !important.