我有CSS,当您将鼠标悬停在元素上时会更改格式.
HTML:
<div class="test"> blah </div>
CSS:
.test:hover { border: 1px solid red; }
在某些情况下,我不想在悬停时应用CSS.一种方法是使用jQuery从div中删除CSS类,但这会打破其他事情,因为我也使用该类来格式化其子元素.
所以这让我有疑问:有没有办法从元素中删除'hover'css样式？
最近,我重写了我正在制作的网站的CSS文件,并尝试使用em而不是px使大多数元素和字体的大小动态.尺寸工作..有点,但至少有一个问题.
当使用em单位作为框的边距(边距:0.25em)时,在Firefox中,我在顶部/左边获得4px,在右边/底部获得3px - 基于14px字体大小(实际上是框的字体 - 浏览器16px的大小0.875em).
现在,我是新手,我很可能误解了几件事,但是根据我的理解,我认为0.25p的14px是3.5px.如果是这种情况,并且舍入是边距中4或3像素的原因,这真的是它应该如何工作吗？具有舍入结果的某个计算应该每次完全相同,不是吗？此外,在Internet Explorer中,它恰恰相反:顶部/左侧是3px,右侧/底部是4px.我尝试将值更改为0.286em(x 14px - > 4.004px)以避免最终达到半个像素,这样在Firefox中为4/4/4/4,在IE中为4/3/4/3.
除了这些像素错误,更改浏览器字体大小实际上非常好地扩展了所有内容.
我疯了,我误解了什么,浏览器都破了还是......什么？(使用IE8和FF3和19.)