当前位置:  开发笔记 > 前端 > 正文

子选择器的替代品是什么?

如何解决《子选择器的替代品是什么?》经验,为你挑选了1个好方法。

由于IE6不支持子选择器(请参阅http://kimblim.dk/csstest/#ex1),处理此浏览器时有哪些替代方法?

我不想修改标记,我更喜欢只有CSS的解决方案......

是的,这是我希望定位的直接孩子.

谢谢!



1> Ryan Shripat..:

我遇到过一些黑客攻击:http://meyerweb.com/eric/thoughts/2005/05/31/universal-child-replacement/ 使用' star html '黑客入侵IE(6及以下)组合这允许我选择直接孩子.假设我们想要将10px的填充顶部应用于E的直接子F:

* html body E F
{
    /* apply style here for IE 6 */
    padding-top: 10px;
    /* This applies the style to every F inside of E */
}
* html body E * F
{
    /* undo style here */
    padding-top: 0px;
    /* This will undo the style set above for every F that has something in between itself and E, that is, every F besides the direct children of E */
}

到目前为止,我非常感谢您的回复,但我不想接受我自己的回答,这是我最终解决的问题.多谢你们!


不幸的是,这个答案并不完美.它可以工作,但作为后代的孩子,它也可能导致问题...假设你有一个3嵌套div.你想将第二个div更改为20px的填充,而第三个div的填充为5px.您可以使用此规则将每个其他子项放入4 px的填充.但是,假设你有另一个div到7px ...你不能只把价值放回别的东西.它可以工作,但你仍然寻找不可预见的后果......
推荐阅读
mobiledu2402851173
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有