css2

a[href^="https"] {
    color: #2ecc71;
}
a[href^="http"] {
    color: #e74c3c;
}

a[href$=".pdf"] {
    background: url(pdf-icon.png) no-repeat left center;
    padding-left: 20px;
}
img[src$=".svg"] {
    border: 2px solid #3498db;
}

a[href*="google"] {
    color: #4285f4;
}
a[href*="amazon"] {
    color: #ff9900;
}

div[class~="important"] {
    background: #fdebd0;
    border-left: 4px solid #e74c3c;
}

div[lang|="fr"] {
    background: #d5f5e3;
    border-left: 4px solid #2ecc71;
}

a:link {
    color: #3498db;
    text-decoration: none;
}

a:visited {
    color: #9b59b6;
}

a:any-link {
    font-weight: bold;
}

section:target {
    background: #f9e79f;
    border-left: 4px solid #f1c40f;
}

p:lang(fr) {
    quotes: "«" "»";
}
p:lang(en) {
    quotes: "“" "”";
}

input:valid {
    border-color: #2ecc71;
}
input:invalid {
    border-color: #e74c3c;
}

input:invalid {
    border: 2px solid #e74c3c;
    background: #fdebd0;
}

input:in-range {
    border-color: #2ecc71;
}
input:out-of-range {
    border-color: #e74c3c;
}

input:out-of-range {
    border-color: #e74c3c;
    background: #fdebd0;
}

input:placeholder-shown {
    border-color: #95a5a6;
    background: #f8f9fa;
}

div:empty {
    background: #fdebd0;
    border: 2px dashed #e74c3c;
    padding: 20px;
}

:root {
    --primary-color: #3498db;
    --secondary-color: #2ecc71;
}

p:only-child {
    background: #d5f5e3;
    padding: 10px;
    border-radius: 8px;
}

p:first-of-type {
    color: #2ecc71;
    font-weight: bold;
}

p:last-of-type {
    color: #e74c3c;
    font-weight: bold;
}

li::marker {
    color: #e74c3c;
    font-weight: bold;
}

video::backdrop {
    background: rgba(0,0,0,0.9);
}

:is(h1, h2, h3, h4, h5, h6) {
    color: #2c3e66;
    font-family: Georgia, serif;
}

:where(.article, .post) p {
    color: #555;
}

figure:has(figcaption) {
    border: 2px solid #3498db;
    padding: 10px;
    border-radius: 8px;
}
article:has(img) {
    background: #f8f9fa;
}