天天看點

css選擇器小記

[b]兄弟選擇器[/b]

兄弟元素分為2種,一種臨近兄弟,一種普通兄弟。臨近兄弟用+表示,普通兄弟,指定元素後面的兄弟節點 用~表示

舉例說明:

alert( $("div+p").size()); //結果1
alert( $("div~p").size()); //結果4
<body>
    <div></div>   
	<p>1</p>
	<p>2</p>
	<p>3</p>
	<p>4</p>
</body>
           

[b]Class選擇器[/b]

<body>
<div class="container">
    <div class="active">
        <span class="container active">col-md-1</span>
        <div>col-md-2</div>
    </div>
</div>
</body>
           

$(".container .active").html()

選擇的内容是:

<span class="container active">col-md-1</span>

<div>col-md-2</div>

$(".container.active").html()

選擇的内容是col-md-1