2013-09-17 5 views
0
<div style="color:#FFFFFF !important;"> 

<!-- A Dynamic content comes from from third party. --> 
<p style="color:red;"> This should be white instead of red. </p> 
<p>Test is test. This should also be white. </p> 
<span> Check is check. This should also be white. </span> 
<!-- Dynamic Content ends --> 
</div> 

КАК я сделаю все тексты белыми в указанном выше div. Можно ли использовать любой jQuery или на другом подобном языке?переопределить встроенный стиль для всех детей внутри a div

+0

Если вы хотите, чтобы он был белым - почему вы устанавливаете цвет как красный? – Danield

+0

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

ответ

1

Использование Jquery children() и css() функцию, чтобы переопределить стиль, проверить мой FIDDLE для демонстрации

+0

Спасибо. Но это сработало по-другому. $ ('# test p'). Css («цвет», «белый»); $ ('# test span'). Css («цвет», «белый»); :-) –

+0

@MeelanLohani Я использую .children, потому что вы указываете все DOM внутри div и не только с 'p' (это мой первый ответ) –

+0

Но использование детей не изменило p, у которых есть встроенный css. В любом случае спасибо.. –

0

Наконец нашел ответ.

$(div p).css('color':'white'); 
$(div span).css('color':'white'); 

Именно это я и хотел. Он переопределил встроенный css всего тэга p.

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