From 922b0b830a78b36355168ab592a45af705ee8131 Mon Sep 17 00:00:00 2001 From: derfex Date: Sun, 30 Mar 2025 12:17:34 +0300 Subject: [PATCH] Fix (6-shadow-dom-style): Name `::slotted` as a pseudoelement --- 8-web-components/6-shadow-dom-style/article.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) 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. Элемент соответствует `селектору`.