Study/Programming

CSS style selectors 정리

빨간당무 2014. 4. 16. 05:51
  • CSS style selectors 정리
#foo		// 
foo			// 
.foo		// 
[foo=bar]	// 
foo bar		// 

foo.bar		// 
foo#bar		// 
  • 선택자 (Selectors) 설명
    #은 id
    .은 class
    없는 경우 tag
    []는 별도 속성
    공백은 하위 tag


  • 그외 Javasciprt 관련 Selectors
    Javascript    document.querySelectorAll("pre, code")
    jQuery        $('pre, code')
    D3        de.selectAll("pre, code")


referece : http://www.w3schools.com/css/css_selectors.asp





강의보조자료

CSS_1.pdf

CSS_2.pdf

CSS_3.pdf