mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2024-11-26 09:30:24 +00:00
6bf107fc16
These apply to any elements that have some kind of open/closed state. The spec suggests `<details>`, `<dialog>`, and `<select>`, so that's what I've supported here. Only `<details>` is fleshed out right now, but once the others are, these pseudo-classes should work automatically. :^)
18 lines
309 B
HTML
18 lines
309 B
HTML
<!doctype html>
|
|
<link rel="match" href="reference/css-open-closed-selectors-ref.html" />
|
|
<style>
|
|
:open {
|
|
color: green;
|
|
}
|
|
:closed {
|
|
color: red;
|
|
}
|
|
</style>
|
|
<details open>
|
|
<summary>Hi</summary>
|
|
Well hello friends!
|
|
</details>
|
|
<details>
|
|
<summary>Hi</summary>
|
|
Well hello friends!
|
|
</details>
|