• 회원가입
  • 로그인
  • 구글아이디로 로그인

[selector] CSS - 가상선택자 중복 (= 동시, 함께, 여러개)

 

 

<style>

li { display: block; list-style-type: none; }

li::after { content: " ♥"; }

li:last-child::before { content: "Welcome to "; }

li:last-child::after { content: " Homzzang.com ♥"; }
</style>

<ul>

  <li>홈짱닷컴</li>

  <li>Homzzang.com</li>

  <li>홈짱닷컴</li>

</ul>


결과 보기



분류 제목
selector CSS - :defined 가상선택자 - 표준태그 및 사용자정의태그 선택 (= :defined선택자 = 디파…
selector CSS - ::backdrop 가상선택자 -
selector CSS - :where() 가상선택자 -
selector CSS - :focus-visible 가상선택자 -
selector CSS - :autofill 가상선택자 - 브라우저 자동완성 채우기로 입력된 요소 선택 (= :autofil…
selector CSS - :default 가상선택자 - 폼(form) 요소 안 요소 중 기본 선택된 요소들을 선택 (= d…
selector CSS - :focus-within 가상선택자 -
selector CSS - :user-valid 가상선택자 -
selector CSS - :first 가상선택자 - 인쇄 문서의 첫번째 페이지 선택 (= first선택자 = 퍼스트선택자)
selector CSS - :fullscreen 가상선택자 -
selector CSS - :state() 가상선택자 -
selector CSS - :dir() 가상선택자 - 지정된 텍스트 방향 갖는 요소 선택 (= dir선택자 = 디르선택자/디…
selector CSS - :left 가상선택자 -
selector CSS - :user-invalid 가상선택자 -
1/27
목록
찾아주셔서 감사합니다. Since 2012