File tree Expand file tree Collapse file tree 1 file changed +8
-2
lines changed
Expand file tree Collapse file tree 1 file changed +8
-2
lines changed Original file line number Diff line number Diff line change @@ -189,6 +189,7 @@ Force a selector to be scoped within the component to prevent style inheritance
189189
190190``` html
191191<!-- Parent Component-->
192+
192193<style module >
193194 .main em { color : grey ; }
194195 .main :local(strong ) { font-weight : 900 ; }
@@ -198,8 +199,10 @@ Force a selector to be scoped within the component to prevent style inheritance
198199 <p >My <em >main</em > lorem <strong >ipsum tuye</strong ></p >
199200 <ChildComponent />
200201</div >
201-
202+ ```
203+ ``` html
202204<!-- Child Component-->
205+
203206<style module >
204207 /* * Rule to override parent style **/
205208 .child em { color : black ; }
@@ -217,6 +220,7 @@ Force a selector to be scoped within the component to prevent style inheritance
217220
218221``` html
219222<!-- Parent Component-->
223+
220224<style >
221225 .main-Yu78Wr em { color : grey ; }
222226 .main-Yu78Wr strong .svelte-ery8ts { font-weight : 900 ; }
@@ -226,8 +230,10 @@ Force a selector to be scoped within the component to prevent style inheritance
226230 <p >My <em >main</em > lorem <strong class =" svelte-ery8ts" >ipsum tuye</strong ></p >
227231 <ChildComponent />
228232</div >
229-
233+ ```
234+ ``` html
230235<!-- Child Component-->
236+
231237<style module >
232238 .child-uhRt2j em { color : black ; }
233239 </style >
You can’t perform that action at this time.
0 commit comments