我的HTML中有一堆DIV元素,其中几个将其class属性设置为"rowsLayout".这些rowsLayout DIV中的一些可以彼此嵌套.我想定义一个CSS选择器,它只针对那些嵌套中最深的DIV.也就是说,我不希望任何包含任何其他rowLayout DIV的rowsLayout DIV.
<div id="a" class="rowsLayout">
<div id="b" class="rowsLayout" />
<div id="c" class="rowsLayout">
<div id="d" class="rowsLayout" />
</div>
</div>
<div id="e" class="rowsLayout" />
有了这个结构,我想要一个将b,d和e作为目标的选择器.
可以这样做吗？
使用IE下面的HTML,如果我将鼠标悬停在单词"Test"上,我无法将输入的背景变为红色.但是,如果我将鼠标悬停在单词"Test"右侧的区域上,但仍然在输入元素的范围内,则会变为红色.这在Firefox或Chrome中不会发生.定义我的样式以使其在IE中正常工作的正确方法是什么？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<style type="text/css">
input { border: 0px; margin:0; padding:0; }
input:hover { background: red }
</style>
</head>
<body>
<input type="text" value="Test" />
</body>
</html>