Как применить стиль к стороннему блоку?

Question

[Влад Зайцев]

Вот у меня есть блок, который подгружается через js после загрузки страницы. Если интересно, это блок комментариев.
Хочется у части этого блока изменить свойства. Как это сделать?

Вот так он выглядит при вставке:
<div id="mc-container"></div>

У него есть свойство, к примеру:

.mc-content .mc-head-container{margin:10px 0 15px!important;clear:both!important;display:inline-block!important;width:100%!important}

Хочется в этой свойстве заменить display:inline-block!important на display:none
Пробовал так:

<style type="text/css">.mc-head-container {display: none;}</style>

и так

<div id="mc-container" style=".mc-head-container {display: none;}">

Но не работает. Как?

Answer 1

[Jonh Doe]

Что мешает применить к нему стиль после загрузки средствами JS?

А вообще у !importantпомоему самый высший приоритет. И его ничем не перебить. Кроме еще одного !important.

Comments

[Влад Зайцев]

Мое незнание CSS и JS :)

[Влад Зайцев]

Да, проблема была в !important. Вот так все работает: <style type="text/css">.mc-content .mc-head-container{display: none!important;}</style>

Answer 2

[Haos616]

<style type="text/css">.mc-head-container {display: none;}</style>

Тут ты отписуеш стиль для class а не для id. Вместо точки нужно #.

<div id="mc-container" style=".mc-head-container {display: none;}">

Тут не правильно описан стиль.

вместо
style=".mc-head-container {display: none;}"

нужно
style="display: none;"

P.S. Читай внимательно любую документацию, большинство проблем из-за не внимательного чтения.

Comments

[Влад Зайцев]

Если я напишу <div id="mc-container" style="display: none;"> то скроется весь блок mc-container. А мне надо только часть его - ту, которая mc-head-container. Но написать к ней стиль я не могу - она подгружается через js уже после загрузки страницы, и все что у меня есть в исходном коде - <code lang="html"><div id="mc-container"></div></code> Вот так тоже не работает: <code lang="html"><style type="text/css">#mc-head-container {display: none;}</style></code>

[Влад Зайцев]

Парсер-лох.

[Haos616]

можно jqyery задать после добавления блока =)

[Влад Зайцев]

Получилось вот так: <style type="text/css">.mc-content .mc-head-container{display: none!important;}</style>