[CSS] Before, After , 속성 선택자

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

 

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

    인라인(글자) 요소

 

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

   인라인(글자) 요소

 

 

See the Pen by jinseoIT (@jinseoit) on CodePen.

 

 속성 선택자

 

[ABC] 속성 ABC을 포함한 요소 선택

  ex) [type] {color : red;}

 

[ABC="xyz"] 속성 ABC을 포함하고 값이 xyz 요소 선택

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

 

 

 

See the Pen by jinseoIT (@jinseoit) on CodePen.