웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)

39. not(selector) 본문

css3/selector

39. not(selector)

jokack01 2013. 10. 1. 14:00

not(selector)

: 선택한 요소가 아닌 요소들을 선택

 

ex) p태그가 아닌 요소들을 선택( 예 : :not(p) )

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>:not(selector)</title>

<style>
p{color:#000000;}
:not(p){color:#ff0000;}
</style>
</head>
<body>
    <h1>:not(selector)</h1>
    <h3> 선택한 요소가 아닌 요소들을 선택 </h3>
    <div> div 1 </div>
    <p>p태그 1 </p>
    <p>p태그 2 </p>
    <div> div 2 </div>
    <p>p태그 3 </p>
    <div> div 3 </div>
</body>
</html>

'css3 > selector' 카테고리의 다른 글

40. selection - 영역 선택자  (0) 2013.10.01
38. disabled - 비활성요소 선택자  (0) 2013.10.01
37. enabled  (0) 2013.10.01
36. target - 활성요소 선택자  (0) 2013.10.01
35. empty - 빈 요소 선택  (0) 2013.10.01
'css3/selector' Related Articles more