학습 log (이론)/javascript
[jquery 요소 정리] html, CSS 접근 방법
abbear25
2019. 1. 1. 14:56
<div class='className' id='idName' name='names'></div>
id로 접근 #
$("#idName")
class로 접근 .
$(".className")
name으로 접근 input[name=name값]
$("input[name=names]")
CSS 관련 정의
모든 태그 설정
h1 { color: orange;}
클래스 설정
.import { color: orange;}
아이디 설정
#import {color: orange;}
자식 설정 (import클래스 내 i태그 설정)
.import i {color: orange;}
직속 자식 설정 (import클래스 내 바로 하위인 i태그만 설정)
.import > i {color: orange;}
<div class="import"> <i>Inside 1</i> <p>Bla bla <i>Inside 2</i></p> <i>Inside 3</i> </div>
복수 설정
.import, .import2 {color: orange;}
여러 조건 (import one 클래스인 경우)
.import.one {color: orange;}
<p class = "import one"> good <p>
n번째 자식1 (div1클래스 내 p태그 중 첫 번째 자식)
.div1 p:first-child {color: orange;}
n번째 자식2 (div1클래스 내 p태그 중 마지막이 아닌 자식)
.div1 p:not(last-child) {color: orange;}
마우스 올린 경우
h1:hover {color: orange;}
반응형