Nano Hash - криптовалюты, майнинг, программирование

Как изменить цвет ссылки в определенной области с помощью css

Я рассмотрел много вопросов, которые, как мне казалось, были проблемой, похожей на мою, но ни один из них не работал у меня, поэтому я публикую это. Я все еще новичок в программировании (просто знаю основы), поэтому, пожалуйста, потерпите меня:

У меня есть веб-сайт Все игры

откройте любой пост на сайте

Проблема, с которой я столкнулся, заключалась в том, что все элементы <a> на веб-сайте были серого цвета, поэтому, используя пользовательскую опцию CSS в моей теме WordPress, я просто сделал

a:link { color:white; }

Теперь, хотя это работает как шарм, и все мои элементы имеют одинаковый цвет (белый), я хочу, чтобы цвет ссылки был красным ТОЛЬКО в теле статьи, поскольку белый цвет не позволяет посетителю увидеть, есть ли какая-либо ссылка на пост. Я попытался изменить аспекты, используя элемент проверки и пользовательский CSS, но, похоже, у меня ничего не работает. У меня есть доступ как к пользовательскому редактору CSS, так и к пользовательскому редактору HTML в моей теме WordPress, поэтому я был бы очень признателен за любую помощь в этом и еще раз извините, если я говорил нуб (я нуб).

wordpress html themes css
04.11.2017

  • Не совсем понял, что вы пытаетесь сказать! 05.11.2017

Ответы:


1

Вы можете использовать унаследованный селектор css. Это означает, что если у вас есть контейнер с элементом <a> в качестве дочернего, например

<div id="container">
    <a href="#">Link</a>
</div>

сделать в вашем css

#container a {
    color: #ff0000;
}

or

div a {
    color: #ff0000;
}

теперь все <a> в #container окрашены в красный цвет, если не существует других объявлений из таблиц стилей wp.

Загляните на несколько замечательных веб-сайтов, таких как w3schools.com, и изучите основы CSS-селекторов. , дети, родители и многое другое.

04.11.2017

2

Поскольку вы используете wordpress, а wygiswys переносит текст внутри <p></p>, вы можете попробовать:

p a:link{color:red};

и он изменит цвет каждой ссылки внутри абзаца.

04.11.2017
  • Примечание. Абзацы всегда имеют отступы по умолчанию. Лучше будет пядь или прямая укладка. 05.11.2017
  • Параграф по умолчанию имеет -webkit-margin-before: 1em; -webkit-margin-after: 1em; (chrome / safari) кнопка поля (firefox), зависит от навигатора, и большая часть шаблона переопределяет значения по умолчанию 05.11.2017

    • 3

    Я посетил ваш сайт и заметил, что все статьи заключены в div с классом «td-post-content». Таким образом, все, что вам нужно сделать, это создать правило CSS, которое нацелено на теги привязки только внутри этих элементов div.

    Здесь:

    .td-post-content a {
  color: red;
}

    Это сработало как шарм. Я протестировал пост ниже, на который есть ссылка в теле статьи:

    введите здесь описание изображения

    Кстати, вам не нужно использовать a:link в своих операторах CSS. Это сделает только a. ;)

    Ваше здоровье!

    05.11.2017
  • Большое спасибо, я очень ценю вашу помощь. Это сработало! :) 07.11.2017
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..