Use :is css pseudo-class
This commit is contained in:
parent
715822e48f
commit
0e5b8ea85d
2 changed files with 5 additions and 11 deletions
|
@ -9,9 +9,7 @@ form > table > tbody > tr > th {
|
|||
background: var(--bg-01);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
form tbody input,
|
||||
form tbody select,
|
||||
form tbody textarea {
|
||||
form tbody :is(input, select, textarea) {
|
||||
font: inherit;
|
||||
border: none;
|
||||
background: transparent;
|
||||
|
|
|
@ -61,8 +61,7 @@ a {
|
|||
text-decoration: none;
|
||||
display: inline-block;
|
||||
}
|
||||
a:hover,
|
||||
a:focus {
|
||||
a:is(:hover, :focus) {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
@ -109,8 +108,7 @@ nav ul {
|
|||
nav .skip-link {
|
||||
font-weight: 300;
|
||||
}
|
||||
nav .skip-link:active,
|
||||
nav .skip-link:focus {
|
||||
nav .skip-link:is(:active, :focus) {
|
||||
font-weight: 500;
|
||||
}
|
||||
nav a {
|
||||
|
@ -124,8 +122,7 @@ nav a.cur::after {
|
|||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
nav > :first-child,
|
||||
main > :first-child {
|
||||
:is(nav, main) > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
footer {
|
||||
|
@ -146,8 +143,7 @@ footer {
|
|||
font-weight: 650;
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
.pagination a.cur:hover,
|
||||
.pagination a.cur:focus {
|
||||
.pagination a.cur:is(:hover, :focus) {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue