selector

속성값	설명
h1[class]	class명을 가진 h1요소
img[alt]	alt 속성을 가진 img요소
p[class="abc"]	class명이 유일하게 'abc'인 요소
p[class~="abc"]	class명이 유일하게 'abc'이거나 여러개의 class명중 하나가 'abc'인 요소
p[class|="abc"]	class명이 'abc'이거나 'abc'로 시작하는 p요소
p[class^="abc"]	class명이 철자 'abc'로 시작하는 p요소
p[class$="abc"]	class명에 철자 'abc'가 포함되어있는 p요소
a[href^="mailto"]	href속성값이 mailto로 시작하는 a요소

---

input

search clear button

/* clear button의 css */
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 12.45px;
    width: 12.45px;
    background-size: 12.45px;
    background-image: url(assets/img/close.svg);
}

/* input태그에 값이 입력되어있는지 여부 확인 */
input[type="search"]:not(:placeholder-shown) + svg {
    display: none;
}

---