You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 8-web-components/6-shadow-dom-style/article.md
+7-7Lines changed: 7 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -317,18 +317,18 @@ Lo shadow DOM può includere stili, sia con `<style>` che con `<link rel="styles
317
317
318
318
Gli stili in locale possono influenzare:
319
319
- lo shadow tree,
320
-
- lo shadow host atraverso lka famiglia di pseudocalssi `:host`,
321
-
- gli slotted elements (in arrivo dal light DOM), `::slotted(selector)` permettono di selezionare gli slotted elements stessi ma non i loro figli.
320
+
- lo shadow host attraverso la famiglia di pseudoclassi `:host`,
321
+
- gli slotted elements (in arrivo dal light DOM), `::slotted(selector)` permettono di selezionare gli slotted elements stessi, ma non i loro figli.
322
322
323
323
Gli stili del document possono influenzare:
324
-
- lo shadow host (poiché riesiede nell'outer document)
325
-
- gli slotted elements ed il loro contenuto (anche qui, perché risiede nell'outer document)
324
+
- lo shadow host (poiché risiede nell'outer document)
325
+
- gli slotted elements ed il loro contenuto (anche qui, poiché risiede nell'outer document)
326
326
327
-
Quando delle proprietà CSS vanno in conflitto, normalmente gli stili del documento hanno la precedenza, a meno che la proprietà non venga contrassegnata come `!important`, ed in questo caso gli stili locali avrebbero la precedenza.
327
+
Quando delle proprietà CSS vanno in conflitto, normalmente gli stili del documento hanno la precedenza, a meno che la proprietà non venga contrassegnata come `!important`, ed in questo caso gli stili locali hanno la precedenza.
328
328
329
-
Le proprietà CSS custom permeano attraverso lo shadow DOM. Vengono usati come "hooks" per stilizzare il componente:
329
+
Le proprietà CSS custom permeano attraverso lo shadow DOM e vengono usati come "hooks" per stilizzare il componente:
330
330
331
331
1. Il componente usa una proprietà CSS personalizzata, per stilizzare gli elementi chiave, come `var(--component-name-title, <default value>)`.
332
-
2. L'autore del componente pubblica queste proprietà per gli sviluppatori, sono importanti tanto quanti gli altri metodi del componente.
332
+
2. L'autore del componente pubblica queste proprietà per gli sviluppatori, importanti tanto quanti gli altri metodi del componente.
333
333
3. Quando una sviluppatore vuole stilizzare un titolo, gli basta assegnare la proprietà CSS `--component-name-title` partendo dallo shadow host o anche più in alto.
0 commit comments