Как изменить стиль текста?
У меня есть простой интерактивный текст черного цвета, и я хочу сделать другой текст зеленым, но если я его изменю, текст, который изменится на черный
Как я могу это сделать?
a {
color: black;
font-size: 40px;
font-weight: bold;
text-decoration: none;
}<p class = "margin-ot"><a href = "file:///...index.html">Reviews from past exams</a></p>@mplungjan, если вы измените цвет на зеленый, то весь текст будет зеленым, и мне нужен один зеленый, а другой черный
Ответы 2
Ваш вопрос сбивает с толку, пожалуйста, объясните лучше, чего именно вы хотите достичь здесь.
Если у вас есть элемент с вложенными элементами, то стили из родительского элемента также повлияют на его дочерние элементы. Самый простой способ установить разные стили для дочерних элементов — добавить к ним различные классы, например:
.text-green {
color: green;
}
.text-big {
font-size: 1.2rem;
}<p>A paragraph text with <span class = "text-green text-big">span element in different color and size</span>.</p>Присвойте элементу, который вы хотите сделать зеленым, определенный класс, а затем используйте этот класс для его стилизации. Обратите внимание, что я объявил этот стиль ниже исходного стиля с селектором класса рядом с ним, чтобы дать ему приоритет.
Все вышеперечисленное относится к Селекторы CSS, Специфичность селектора. Я предлагаю провести исследование всех тех концепций CSS, которые действительно важно понять.
Кроме того, вы можете обернуть внутренний текст черного текста диапазоном, а затем оформить его так, как хотите.
a {
color: black;
font-size: 40px;
font-weight: bold;
text-decoration: none;
}
a.green{
color: green;
}
a span{
color: green;
}<p class = "margin-ot"><a href = "file:///...index.html">Reviews from past exams</a></p>
<p class = "margin-ot"><a href = "file:///...index.html" class = "green">Reviews from past exams</a></p>
<p class = "margin-ot"><a href = "file:///...index.html">Reviews from past<span> exams </span></a></p>
Я сделал тебе фрагмент. Вы хотите еще один текст, где? Вы можете использовать диапазон