[CSS] CSS 선택자 - 가상 요소, 속성

가상 요소 선택자 (Pseudo-Elements)

 

ABC::before

선택자 ABC 요소의 내부 앞에 내용(Content)을 삽입

.box::before {
  content : "앞"
}

ABC::after

선택자 ABC 요소의 내부 뒤에 내용(Content)을 삽입

.box::after {
  content : "뒤"
}

 

속성 선택자 (Attribute)

 

[ABC]

속성 ABC을 포함한 요소 선택

[type] {
  color:red;
}

[ABC="XYZ"]

속성 ABC을 포함하고 값이 XYZ인 요소 선택

[type="password"] {
  color:red;
}