:defined

<simple-custom text="Custom element example text"></simple-custom>

<p>Standard paragraph example text</p>
CopyCopied to your clipboard
1<simple-custom text="Custom element example text"></simple-custom>
2
3<p>Standard paragraph example text</p>

/* Give the `p` elements distinctive background */
p {
  background: yellow;
}

/* Both the custom and the built-in element are given italic text */
:defined {
  font-style: italic;
}

/* Only simple-custom element is applied with green background*/
simple-custom:defined {
  display: block;
  background: green;
}
CopyCopied to your clipboard
1/* Give the `p` elements distinctive background */
2p {
3  background: yellow;
4}
5
6/* Both the custom and the built-in element are given italic text */
7:defined {
8  font-style: italic;
9}
10
11/* Only simple-custom element is applied with green background*/
12simple-custom:defined {
13  display: block;
14  background: green;
15}