Почему на текст в css #intro .first em { color: pink; background-color:gray; } повлияло только #intro ?

Question

Помогите разобраться.

Answer 1

Что имеется в виду, повлияло только #intro? Стили для класса не сработали, и пришлось добавить id? Кстати, здесь можно прикреплять код к посту, чтобы было легче разобраться😊
Для справки: id имеет больший приоритет, чем class.

Answer 2

А, ну вроде понятно, хотя с разметкой было бы удобнее😊 #intro .first em читается как "элемент em, вложенный в элемент с классом first, который, в свою очередь, вложен в элемент с идентификатором intro". И, видимо, стиль был применен к тем элементам, которые удовлетворяют вышеописанному условию, при этом другие элементы не затрагиваются.
Если нужно установить стиль для нескольких элементов, тогда можно перечислять селекторы через запятую.
Подробнее о комбинациях селекторов:
https://webref.ru/course/css-tutorial/selector-combine

Answer 3

Здравствуйте, Андрей Суходольский !
Пожалуйста, напишите более конкретно о своем вопросе, и вы можете сделать то, что написал(-а) NezhnyjVampir, и вам обязательно помогут!

Answer 4

когда div в css #text
когда class B css .text
И да div имеет большое преимущество!

Answer 5

Дык селектор указывает на em внутри .first, который внутри #intro.
Если нужно применить один стиль одновременно и для #intro, и для .first, то следует указать 2 соответствующих селектора разделенные запятой.

Answer 6

Имею в виду, что повлияло только на #intro, a .first не изменилось.

Answer 7

don't get ur language !