diff --git a/8-web-components/6-shadow-dom-style/article.md b/8-web-components/6-shadow-dom-style/article.md index 4043f1c29d..7949f36a7f 100644 --- a/8-web-components/6-shadow-dom-style/article.md +++ b/8-web-components/6-shadow-dom-style/article.md @@ -154,7 +154,7 @@ customElements.define('user-card', class extends HTMLElement { Если мы хотим стилизовать слотовые элементы в нашем компоненте, то есть два варианта. -Первое - можно стилизовать сам `` и полагаться на наследование CSS: +Первый: можно стилизовать сам `` и полагаться на наследование CSS: ```html run autorun="no-epub" untrusted height=80 @@ -180,7 +180,7 @@ customElements.define('user-card', class extends HTMLElement { Здесь `John Smith` выделяется жирным шрифтом, потому что наследование CSS действует между `` и его содержимым. Но в CSS как таковом не все свойства наследуются. -Другой вариант - использовать псевдокласс `::slotted(селектор)`. Соответствует элементам, если выполняются два условия: +Другой вариант: использовать псевдоэлемент `::slotted(селектор)`. Соответствует элементам, если выполняются два условия: 1. Это слотовый элемент, пришедший из светлого DOM. Имя слота не имеет значения. Просто любой элемент, вставленный в ``, но только сам элемент, а не его потомки. 2. Элемент соответствует `селектору`.