Как привязать div к тексту

У меня есть текст, цвет которого я хочу изменить, поэтому я присвоил ему класс div, donate Вот так:

<div class = "entry-content">
<div class = "donate"><strong>Adsler.co.uk is an entirely free 
site, enabling users to post, view and apply for jobs, post, view 
and respond to classifieds, post, view and attend events, in 
addition to a dating service. We try to keep Adsler free from Google 
ads and the site is maintained entirely at the owners expense.</p>
<p>So, if you have enjoyed using Adsler, or have found it beneficial 
in some way, you are free to make a donation, or not &#8211; as you 
see fit. There is absolutely no obligation or pressure to do so and 
you are more than welcome to continue using the site without 
donating.</p>
<p>If you do wish to donate, however, then you can donate as much or 
as little as you want via the form below.</p>
<p>Wishing you a pleasant day from all at Adsler.co.uk.<br />
</strong></div><p>*N.B. Donating does not give you editorial or any 
other rights. All donations are non-refundable. For technical 
reasons, the only current donation amount is $5.</strong></div>

Затем я использовал css:

.donate {color: yellow !important;}

Не работает. Что происходит, так это то, что текст мигает желтым на секунду, а затем снова становится черным. Также использовал <strong>, но только половина текста определяется как strong, а другая половина — нет.

Страница для уточнения: https://adsler.co.uk/if-you-enjoyed-using-the-site/

Это не удалось, я использовал специфичность.

.entry-content>.donate 
{color:yellow! important;} 

Ничего.

какой именно текст должен быть желтым? весь текст или только то, что внутри .donate div ?

Kareem Dabbeet 13.07.2019 21:39

Да все внутри donate

Stackk15 13.07.2019 21:40

так что это должно работать нормально для вас: .donate {color: yellow !important;}. он работал нормально, когда я тестировал его. возможно, есть другой код CSS, который переопределяет это свойство.

Kareem Dabbeet 13.07.2019 21:42

я могу добавить ответ с рабочим кодом, но я думаю, что проблема в том, что, возможно, другой код CSS переопределяет это

Kareem Dabbeet 13.07.2019 21:42

@kareem, этого не может быть, потому что я употребляю important

Stackk15 13.07.2019 21:47

вы можете проверить ответ, я проверил его на вашей странице с помощью проверки, и он работал нормально

Kareem Dabbeet 13.07.2019 21:51

Ваш HTML-код недействителен. У вас закрытие </p> без открытия <p>

j08691 13.07.2019 22:24
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
7
44
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вот решение. Весь текст теперь выглядит желтым.

.donate {color: yellow !important;}
<div class = "entry-content">
<div class = "donate">Adsler.co.uk is an entirely free 
site, enabling users to post, view and apply for jobs, post, view 
and respond to classifieds, post, view and attend events, in 
addition to a dating service. We try to keep Adsler free from Google 
ads and the site is maintained entirely at the owners expense.
<p>So, if you have enjoyed using Adsler, or have found it beneficial 
in some way, you are free to make a donation, or not &#8211; as you 
see fit. There is absolutely no obligation or pressure to do so and 
you are more than welcome to continue using the site without 
donating.</p>
<p>If you do wish to donate, however, then you can donate as much or 
as little as you want via the form below.</p>
<p>Wishing you a pleasant day from all at Adsler.co.uk.</p><br>
<p>*N.B. Donating does not give you editorial or any 
other rights. All donations are non-refundable. For technical 
reasons, the only current donation amount is $5.</p></div></div>

Спасибо. Я пробовал это, но 1. Он удаляет strong и 2, только первая часть текста желтая. См. страницу adsler.co.uk/если-вам-понравилось-использование-сайта

Stackk15 13.07.2019 21:35
Ответ принят как подходящий

.donate {color: yellow} должно работать нормально. но как только ваша страница * {color: #000000} загрузится на вашу страницу, ее цвет переопределит.

вы не можете исправить это, добавив !important, поэтому у вас есть два варианта:

1- удалить * {color: #000000} из css

2- добавьте этот css:

.donate, .donate * { 
color: yellow
}

.donate * — изменить цвет на .donate и все его дочерние элементы.

Это сработало, за исключением того, что последний кусочек по-прежнему черный, начиная с NB и заканчивая $5

Stackk15 13.07.2019 21:59

потому что он находится за пределами div .donate вы закрываете div перед этим текстом, проверьте свой код и оберните этот текст внутри .donate div

Kareem Dabbeet 13.07.2019 22:01

Другие вопросы по теме