I'm

Developer, Designer, Photographer

GET IN TOUCH

  • Buk-gu, Busan, Republic of Korea
  • ungdoli0916@naver.com
  • Kakao ID : Ungdoli
Your message has been sent. Thank you!
(즐거웅코드) CSS 짝수번째 객체만 스타일 주기

· 즐거'웅' 코드 (Source)/HTML & CSS & JAVASCRIPT
2021. 5. 26. 20:21

반응형

[즐거'웅'코드] 목차

  1. CSS
  2. 예제 소스
  3. 구현 예시
CSS
1
2
3
4
5
 
<style>
    p:nth-child(even) {
        /* style 적용(짝수) */
    }
</style>
예제 소스
1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div>
    <p>1번 라인</p>
    <p>2번 라인</p>
    <p>3번 라인</p>
    <p>4번 라인</p>
    <p>5번 라인</p>
</div>
 
<style>
    p:nth-child(even) {
        color: red;
    }
</style>
구현 예시
반응형
저작자표시

'· 즐거'웅' 코드 (Source) > HTML & CSS & JAVASCRIPT' 카테고리의 다른 글

(즐거웅코드) CSS 마우스 hover, click 등 이벤트 막기  (0) 2021.05.28
(즐거웅코드) CSS 마우스 드래그 못하게 막기  (0) 2021.05.27
(즐거웅코드) CSS 홀수번째 객체만 스타일 주기  (0) 2021.05.25
(즐거웅코드) 자바스크립트 팝업창 화면 중앙에 띄우기  (0) 2021.05.24
(즐거웅코드) 자바스크립트 radio button 체크 없애기  (0) 2021.05.23

관련글

댓글 0

티스토리툴바