h1 {
...
}
#name {
...
}
.name {
...
}
.name a {
...
}
.name > a {
...
}
/* name1 클래스를 가지고 있는 모든 태그와 name2 클래스를 가지고 있는 모든 태그 */
.name1, .name2 {
...
}
/* name1 클래스와 name2 아이디를 가지고 있는 모든 태그 */
.name1#name2 {
...
}
/* .name의 자식인 <p> 태그 중 첫 번째 태그 */
.name p:first-child {
...
}
/* .name의 자식인 <p> 태그 중 마지막 태그 */
.name p:last-child {
...
}
/* .name의 자식인 <p> 태그 중 n번째 태그 */
.name p:nth-child(n) {
...
}
/* .name의 자식 중 첫 번째 자식이 아닌 모든 <p> 태그 */
.name p:not(:first-child) {
...
}
/* 마우스가 <a> 태그 위에 올라갔을 때 */
a:hover {
...
}