CSS Selectors

Overview

CSS selectors are patterns used to select and style HTML elements. Understanding selectors is fundamental to writing effective CSS.

p {
    color: blue;
}

.highlight {
    background-color: yellow;
}

#header {
    font-size: 24px;
}

div p {
    margin: 10px;
}

ul > li {
    list-style-type: none;
}

h1 + p {
    margin-top: 0;
}

input[type="text"] {
    border: 1px solid #ccc;
}

a[href^="https"] {
    color: green;
}

a:hover {
    color: red;
}

li:first-child {
    font-weight: bold;
}