Изменить свойство дочернего элемента
 

Здравствуйте!

Я накидал упрощённый пример на codepen: http://codepen.io/anon/pen/GWgBaV

Хочется все элементы с классом comment, которые находятся в блоках с классом indented - чтобы имели всегда свойство "display: block".

Я вижу это так, что после срабатывания скрипта. Ещё раз пробегаемся по всем элементам и высталяем нужным "display: block".

Но я не совсем понимаю, как мне определить нужные блоки comment, которые находятся в блоках indented. Гуглил как определить родителя. Нашёл варианты:

document.body.parentNode;
document.body.parentElement;

Но сколько не пробовал, всегда получаю только "undefined".

Т.е. хочу сделать условие, если родитель имеет класс indented, значит выставляем блоку comment значение "display: block".

:blink:

<style type="text/css">
   .indented .comment{
     display: block;
   }

  </style>

Ого. Целый день вчера сидел, скрипты писал, а вот так просто всё решилось :lol:
Я пробовал добавлять ID и делать конструкцию вида:

#indented > .comment{
	     display: block;
	   }

Но что-то не срабатывало.

Ваш пример работает только с добавлением !important. Но, это не важно. Спасибо!