84 lines
2.0 KiB
HTML
84 lines
2.0 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
.target {
|
|
background-color: lime;
|
|
}
|
|
|
|
::after #target1,
|
|
::before #target1,
|
|
::first-line #target1,
|
|
::first-letter #target1,
|
|
::-webkit-resizer #target1,
|
|
::-webkit-scrollbar #target1,
|
|
::-webkit-scrollbar-button #target1,
|
|
::-webkit-scrollbar-corner #target1,
|
|
::-webkit-scrollbar-thumb #target1,
|
|
::-webkit-scrollbar-track #target1,
|
|
::-webkit-scrollbar-track-piece #target1,
|
|
::selection #target1
|
|
{
|
|
background-color: red;
|
|
}
|
|
|
|
::after > #target2,
|
|
::before > #target2,
|
|
::first-line > #target2,
|
|
::first-letter > #target2,
|
|
::-webkit-resizer > #target2,
|
|
::-webkit-scrollbar > #target2,
|
|
::-webkit-scrollbar-button > #target2,
|
|
::-webkit-scrollbar-corner > #target2,
|
|
::-webkit-scrollbar-thumb > #target2,
|
|
::-webkit-scrollbar-track > #target2,
|
|
::-webkit-scrollbar-track-piece > #target2,
|
|
::selection > #target2
|
|
{
|
|
background-color: red;
|
|
}
|
|
|
|
::after + #target3,
|
|
::before + #target3,
|
|
::first-line + #target3,
|
|
::first-letter + #target3,
|
|
::-webkit-resizer + #target3,
|
|
::-webkit-scrollbar + #target3,
|
|
::-webkit-scrollbar-button + #target3,
|
|
::-webkit-scrollbar-corner + #target3,
|
|
::-webkit-scrollbar-thumb + #target3,
|
|
::-webkit-scrollbar-track + #target3,
|
|
::-webkit-scrollbar-track-piece + #target3,
|
|
::selection + #target3
|
|
{
|
|
background-color: red;
|
|
}
|
|
|
|
::after ~ #target4,
|
|
::before ~ #target4,
|
|
::first-line ~ #target4,
|
|
::first-letter ~ #target4,
|
|
::-webkit-resizer ~ #target4,
|
|
::-webkit-scrollbar ~ #target4,
|
|
::-webkit-scrollbar-button ~ #target4,
|
|
::-webkit-scrollbar-corner ~ #target4,
|
|
::-webkit-scrollbar-thumb ~ #target4,
|
|
::-webkit-scrollbar-track ~ #target4,
|
|
::-webkit-scrollbar-track-piece ~ #target4,
|
|
::selection ~ #target4
|
|
{
|
|
background-color: red;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<p class="target" id="target1">This line should be green.</p>
|
|
<p class="target" id="target2">This line should be green.</p>
|
|
<p class="target" id="target3">This line should be green.</p>
|
|
<p class="target" id="target4">This line should be green.</p>
|
|
</div>
|
|
</body>
|
|
</html>
|