Какова иерархия между: root * html и телом и когда использовать тот или иной?

#html #css

#HTML #css

Вопрос:

Я хочу знать две вещи:

  1. Иерархия между: root * html и телом в css. Я знаю, когда css используется с html: root — это то же самое, что и html, но сначала это имеет более высокую специфичность. А между * и телом? Я смутился, потому что * тоже для всего стиля.
  2. Когда вы рекомендуете использовать тот или иной.

Спасибо за ваше время и внимание.

Комментарии:

1. ваш вопрос неясен, вы не можете сравнивать * , body поскольку они не выбирают одни и те же элементы

2. Я вижу на какой-то веб-странице селектор * для применения некоторого стиля. Я думаю, что эти элементы были сопоставимы, но теперь я знаю, что это не так. Итак, как будет выглядеть иерархия (: root -> html -> body)? И в каком месте и для чего можно использовать селектор * @TemaniAfif

3. :roor — это то же самое, что и html, затем -> body.

4. Спасибо! Я понимаю @TemaniAfif

Ответ №1:

* относится ко всем элементам

body ссылается на тег body

HTML amp; :root ссылается на весь документ, он же HTML-тег, только на те, которые выше по специфичности, чем другие

Комментарии:

1. Эй! Спасибо @lambsbaaacode. Но чего я до сих пор не знаю, так это специфики этих четырех элементов. Я имею в виду, я знаю следующее: :root — очень высокий, body — очень низкий, но как насчет * и html, оба имеют одинаковый уровень специфичности? Или порядок другой?

2. @JuanMPCastillo Я не знаю, я имею в виду, честно говоря, иногда вам приходится использовать HTML и:root вместе для некоторых браузеров

3. я понимаю. Спасибо за комментарий, время и внимание.