Live
<div id="father"> john的父親(父層) <div class="select" id="tom">tom (john的哥哥)</div> <p class="select" id="john">john</p> <p>john的弟弟或妹妹</p></div>
Live
x
/* 可以使用tag、id、class 等選擇器相連選取元素 */#john.select { background-color: orange;}div.select#tom { background-color: gray;}/* 分辨各tag層級 */div { border:black 3px solid;}div > * { margin-left: 10px;}
Live
xxxxxxxxxx8
/* 可以使用tag、id、class 等選擇器相連選取元素 */$("#john.select").click(function () { alert("john");});$("div#tom.select").click(function () { alert("tom");});
External CSS
This Pen doesn't use any external CSS resources.