Remove mentions of :host-context

web-padawan · web-flow · commit bb3f14135069 · 2021-05-17T14:23:36.000+03:00
diff --git a/8-web-components/6-shadow-dom-style/article.md b/8-web-components/6-shadow-dom-style/article.md
@@ -111,22 +111,7 @@ customElements.define('custom-dialog', class extends HTMLElement {
 
 Теперь дополнительные стили для выравнивания по центру применяются только к первому элементу: `<custom-dialog centered>`.
 
-## :host-context(selector)
-
-То же самое, что и `:host`, но применяется только в том случае, если элемент-хозяин или любой из его предков во внешнем документе подходит под селектор `selector`.
-
-Например: правила в `:host-context(.dark-theme)` применятся, только если на элементе `<custom-dialog>` или где-то выше есть класс `dark-theme`:
-
-```html
-<body class="dark-theme">
-  <!--
-    :host-context(.dark-theme) применится к custom-dialog внутри .dark-theme
-  -->
-  <custom-dialog>...</custom-dialog>
-</body>
-```
-
-Подводя итог, мы можем использовать семейство селекторов `:host` для стилизации основного элемента компонента в зависимости от контекста. Эти стили (если только не стоит !important) могут быть переопределены документом.
+Подводя итог, мы можем использовать семейство селекторов `:host` для стилизации основного элемента компонента. Эти стили (если только не стоит !important) могут быть переопределены документом.
 
 ## Применение стилей к содержимому слотов
 
@@ -317,7 +302,7 @@ customElements.define('user-card', class extends HTMLElement {
 
 Локальные стили могут влиять на:
 - теневое дерево,
-- элемент-хозяин, при помощи псевдоклассов семейства `:host`,
+- элемент-хозяин, при помощи псевдоклассов `:host` и `:host()`,
 - слотовые элементы (из светлого DOM), `::slotted(селектор)` позволяет стилизовать сами слотовые элементы, но не их дочерние элементы.
 
 Стили документов могут влиять на:
