Use :where
This commit is contained in:
parent
7431bbfa53
commit
71c4325349
1 changed files with 3 additions and 7 deletions
10
style.css
10
style.css
|
|
@ -22,9 +22,7 @@ header {
|
||||||
h1 {
|
h1 {
|
||||||
margin: 0
|
margin: 0
|
||||||
}
|
}
|
||||||
footer > *,
|
:where(footer, header, main) > * {
|
||||||
header > *,
|
|
||||||
main > * {
|
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-width: 80rem;
|
max-width: 80rem;
|
||||||
padding: 0 1rem
|
padding: 0 1rem
|
||||||
|
|
@ -62,7 +60,7 @@ main > * {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* date in calendar */
|
/* date in calendar */
|
||||||
.month th, .month td {
|
.month :where(th, td) {
|
||||||
width: 3.5em;
|
width: 3.5em;
|
||||||
height: 3.5em;
|
height: 3.5em;
|
||||||
border: 1px solid #CBC19A;
|
border: 1px solid #CBC19A;
|
||||||
|
|
@ -138,9 +136,7 @@ main > * {
|
||||||
box-shadow: .2em .25em 0 0 RGBA(114, 44, 162,0.5);
|
box-shadow: .2em .25em 0 0 RGBA(114, 44, 162,0.5);
|
||||||
z-index: 1
|
z-index: 1
|
||||||
}
|
}
|
||||||
.month :focus + label .event-content,
|
.month :where(:focus + label, td:hover, td:active) .event-content {
|
||||||
.month td:hover .event-content,
|
|
||||||
.month td:active .event-content {
|
|
||||||
visibility: initial
|
visibility: initial
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue