Добавляем цвет: # 333333;к тегу body правильный способ изменить цвет по умолчанию для всех текстовых элементов? - PullRequest
0 голосов
/ 20 апреля 2019

Представьте, что я создаю веб-сайт уже 2-3 недели, и внезапно я решаю, что мне не нравится черный цвет по умолчанию для всех текстовых элементов, к которым не применен CSS, и что я хочуизменить их цвет на что-то вроде #333333, который менее черный черный.

Добавляет цвет: # 333333;к тегу body правильный способ сделать это?Может ли это иметь какие-либо негативные последствия для других элементов, которые у меня есть пользовательский стиль?

Ответы [ 4 ]

1 голос
/ 20 апреля 2019

CSS устанавливает приоритет кода ниже, например, так:

<style>
  p {
    color: blue;
  }
  p { 
    color: green;
  }
</style>
<p>Hello</p>

приведет к тому, что color элемента абзаца станет зеленым.

Итак, чтобы ответить на ваш вопрос,все, что выше ваших CSS-свойств для body, будет переопределено.

Кроме того, атрибуты id и class имеют приоритет над положением, поэтому, если вы хотите, чтобы элементы, которые вы не хотите менять, были измененыкласс и держать его как черный, что будет работать также.

Надеюсь, это помогло.

0 голосов
/ 20 апреля 2019

Этого достаточно, поскольку он позволяет «передавать» цвет через каскад.Поместите это в start вашей таблицы стилей:

body {
    color: #333;
}

Избегайте использования встроенных стилей:

<body style="color: #333"> <!-- Don't to this -->

Встроенные стили имеют специфику, отличную от CSS-селекторов, и этоцелая глава сама по себе.
Кроме того, проще разделить задачи и сделать макет отдельно от таблиц стилей.
И сгруппировать все в своих стилях.

0 голосов
/ 20 апреля 2019

Самый простой способ сделать это с помощью CSS следующим образом:

* {
   color: #333333;
}

Изменение цвета в HTML с помощью атрибута style на самом деле никогда не является лучшей практикой.

0 голосов
/ 20 апреля 2019

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

p, h1, h2, h3, h4, h5, h6 {
 color: #333333
}

Но, как и комментарий, дайте ему попытку ипосмотрим, как получится.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...