2016-08-07 2 views
1

Возможно ли, чтобы второе изображение в следующем примере также имело стили, используя что-то похожее на свойство CSS all: inherit?Наследование относительных стилей css

HTML

<div class="outer-div"> 
    <img href="example.url">//first image 
    <div> 
    <img href="example.url">//second image 
    </div> 
</div> 

CSS

.outer-div > img { 
    height:100px; 
} 
+0

Почему не просто 'Космического-ДИВ img', если вы хотите, чтобы предназначаться как? Или '.outer-div> img> div> img' нацелить только внутренний img? – j08691

+0

Я мог бы, но я пытаюсь использовать некоторые библиотеки, у которых уже есть много определенных стилей, и надеялся, что смогу пропустить много редактирования. – Suavocado

ответ

0

Просто не используйте ">" в вашем CSS.

.outer-div img { }

">" = Дети

"" = Все ушедшие

+0

Это могло бы иметь эффект, который мне нравится, но я пытаюсь обойти редактирование большого количества css уже на месте. Я надеялся, что смогу дать изображению определенное свойство наследовать то, что в противном случае было бы, если бы оно было в родительском div. – Suavocado

+0

В этом случае вы можете применить «внешний-div» к обоим divs? – k2snowman69

+0

Итак, примените «outer-div» к обоим div, а затем отмените любые изменения, которые класс «внешний-div» делает для внутреннего div? Что касается наследования всех свойств по умолчанию, я не знаю ничего, что бы это сделало. В этом вся цель разницы между «" vs ">"; для удовлетворения этой потребности. – k2snowman69

Смежные вопросы