Mar 30, 2025
diff --git a/8-web-components/6-shadow-dom-style/article.md b/8-web-components/6-shadow-dom-style/article.md

 Если мы хотим стилизовать слотовые элементы в нашем компоненте, то есть два варианта.

 Первое - можно стилизовать сам `<slot>` и полагаться на наследование CSS:
 Первый: можно стилизовать сам `<slot>` и полагаться на наследование CSS:

 ```html run autorun="no-epub" untrusted height=80
 <user-card>

 Здесь `<span>John Smith</span>` выделяется жирным шрифтом, потому что наследование CSS действует между `<slot>` и его содержимым. Но в CSS как таковом не все свойства наследуются.

 Другой вариант -использоватьпсевдокласс `::slotted(селектор)`. Соответствует элементам, если выполняются два условия:
 Другой вариант:использоватьпсевдоэлемент `::slotted(селектор)`. Соответствует элементам, если выполняются два условия:

 1. Это слотовый элемент, пришедший из светлого DOM. Имя слота не имеет значения. Просто любой элемент, вставленный в `<slot>`, но только сам элемент, а не его потомки.
 2. Элемент соответствует `селектору`.
Original file line number	Diff line number	Diff line change
Expand Up		@@ -154,7 +154,7 @@ customElements.define('user-card', class extends HTMLElement {

		Если мы хотим стилизовать слотовые элементы в нашем компоненте, то есть два варианта.

		Первое - можно стилизовать сам `<slot>` и полагаться на наследование CSS:
		Первый: можно стилизовать сам `<slot>` и полагаться на наследование CSS:

		```html run autorun="no-epub" untrusted height=80
		<user-card>
Expand All		@@ -180,7 +180,7 @@ customElements.define('user-card', class extends HTMLElement {

		Здесь `<span>John Smith</span>` выделяется жирным шрифтом, потому что наследование CSS действует между `<slot>` и его содержимым. Но в CSS как таковом не все свойства наследуются.

		Другой вариант -использоватьпсевдокласс `::slotted(селектор)`. Соответствует элементам, если выполняются два условия:
		Другой вариант:использоватьпсевдоэлемент `::slotted(селектор)`. Соответствует элементам, если выполняются два условия:

		1. Это слотовый элемент, пришедший из светлого DOM. Имя слота не имеет значения. Просто любой элемент, вставленный в `<slot>`, но только сам элемент, а не его потомки.
		2. Элемент соответствует `селектору`.
Expand Down