如何使用css为当前div的标记设置样式？

Question

我的div：

 <div id="dialog" class="window">
        <table class="modalWindow" border="1">
            <tr>
                <td colspan="2"><input type="text" id="feedName" value="" /></td>
            </tr>
            <tr>
                <td><input type="submit" id="renameFeed" value="Submit"></td>
                <td><a href="#" class="close">Close it</a></td>
            </tr>
        </table>
    </div>

需要为当前div使用css设置<a href="#" class="close">Close it</a>样式。 怎么做？

Answer 1

这样只会设置类关闭的元素（它是#dialog的后代），这就是你想要的：对你的关闭文本的独特控制，而不是你所有的链接文本

#dialog a.close {
   /*insert css here*/
}
#dialog a.close:hover {
   /*insert cool hover css here*/
}