mirror of https://github.com/sveltejs/svelte
apply class for dynamic elements (#7652)
parent
78a249be36
commit
e2ef2b8731
@ -0,0 +1,3 @@
|
||||
export default {
|
||||
warnings: []
|
||||
};
|
@ -0,0 +1 @@
|
||||
div.svelte-xyz.svelte-xyz.svelte-xyz{color:red}h2.svelte-xyz>p.svelte-xyz.svelte-xyz{color:red}h2.svelte-xyz span.svelte-xyz.svelte-xyz{color:red}h2.svelte-xyz>span.svelte-xyz>b.svelte-xyz{color:red}h2.svelte-xyz span b.svelte-xyz.svelte-xyz{color:red}h2.svelte-xyz b.svelte-xyz.svelte-xyz{color:red}
|
@ -0,0 +1,4 @@
|
||||
<div class="svelte-xyz"></div>
|
||||
<h2 class="svelte-xyz">
|
||||
<div class="svelte-xyz"><b class="svelte-xyz">text</b></div>
|
||||
</h2>
|
@ -0,0 +1,32 @@
|
||||
<script>
|
||||
export let element = 'div';
|
||||
</script>
|
||||
|
||||
<svelte:element this={element} />
|
||||
|
||||
<h2>
|
||||
<svelte:element this={element}>
|
||||
<b>text</b>
|
||||
</svelte:element>
|
||||
</h2>
|
||||
|
||||
<style>
|
||||
div {
|
||||
color: red;
|
||||
}
|
||||
h2 > p {
|
||||
color: red;
|
||||
}
|
||||
h2 span {
|
||||
color: red;
|
||||
}
|
||||
h2 > span > b {
|
||||
color: red;
|
||||
}
|
||||
h2 span b {
|
||||
color: red;
|
||||
}
|
||||
h2 b {
|
||||
color: red;
|
||||
}
|
||||
</style>
|
Loading…
Reference in new issue