пространство в CSS-селекторах? У меня есть эти два селекторы:

Question

В чем разница между этими двумя:

article.description 

article .description 

Первой не имеет пространства между классом и элементом. Но вторая одна имеет

Answer 1

1. элемент, который один является статья и имеет description класс
2. Элемент с description класса, который является потомком статьи элемента

https://jsfiddle.net/ha5eepdo/

Answer 2

article .description: это означает, что эти настройки CSS применяются к любому элементу HTML с классом .description, который находится внутри article.

article.description: Означает, что эти параметры CSS применяются к article элементов, имеет .description класс.

Answer 3

article.description должны выбрать только «статью» элементы, которые имеют класс «Описание»

article .description должны выбрать все дочерние «статьи» элементы, которые имеют класс «Описание»

Answer 4

article.description: Это находит все элементы статьи, которые имеют класс описания.

article .description: Здесь найдены все элементы с классом description, которые являются потомками тега статьи.

Первый из них является простой class селектор

https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors

Второй упоминается как селектор descendant. Вот информация от MDN

https://developer.mozilla.org/en-US/docs/Web/CSS/Descendant_selectors