• 技术文章 >Web开发 >css教程

    css中hack的原理

    小妮浅浅小妮浅浅2021-09-27 09:45:07原创4242

    1、浏览器对CSS样式的支持程度、分析结果和识别CSS的优先级,可以根据这些的特征写出不同的CSS样式代码。

    2、IE6可以识别下划线和星号*,IE7可以识别星号*,不能识别下划线_。

    firefox两者都不能识别,IE6.IE7和FF可以通过使用这些特殊符号来写出不同的代码。

    实例

    /*****  Selector    Hacks   ******/
    /*  IE6 and below   */
    * html #uno {   color:  red }
     
    /*  IE7 */
    *:first-child+html  #dos {  color:  red }
     
    /*  IE7, FF,    Saf, Opera */
    html>body #tres { color: red }
     
    /*  IE8, FF, Saf, Opera (Everything but IE  6,7) */ html>/**/body #cuatro { color:  red }
     
    /*  Opera 9.27 and below, safari 2 */
    html:first-child #cinco { color: red }
     
    /*  Safari  2-3 */
    html[xmlns*=""] body:last-child #seis   {   color:  red }
     
    /* safari 3+, chrome 1+, opera9+, ff 3.5+ */
    body:nth-of-type(1) #siete  {   color:  red }
     
    /* safari 3+, chrome 1+, opera9+, ff 3.5+ */
     body:first-of-type #ocho { color:  red }
     
    /* saf3+, chrome1+ */
    @media screen   and (-webkit-min-device-pixel-ratio:0) {    #diez { color:  red } }
     
    /* iPhone / mobile webkit */
    @media screen and (max-device-width: 480px) {
     #veintiseis { color: red }
     }
     
    /*  Safari  2   -   3.1 */
     html[xmlns*=""]:root #trece { color: red }
     
    /* Safari 2 - 3.1, Opera 9.25 */
     *|html[xmlns*=""]  #catorce { color: red }
     
    /* Everything but IE6-8 */
     :root *> #quince { color: red }
     
    /*  IE7 */
     *+html #dieciocho { color: red }
     
    /* Firefox only. 1+ */
     #veinticuatro, x:-moz-any-link { color: red }
     
    /*  Firefox 3.0+ */
    #veinticinco, x:-moz-any-link, x:default { color: red }

    以上就是css中hack的原理,希望对大家有所帮助。更多css学习指路:css教程

    本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    专题推荐:css hack
    上一篇:css中hack是什么 下一篇:css中hack的3种表现形式

    相关文章推荐

    • CSS中in JS是什么意思• css定位的介绍• css元素有哪些类型• css选择器有哪些• css安装LESS的方法• css默认样式的整理• css浏览器的渲染过程• css怪异盒模型的介绍• css中padding如何计算• css中固定定位fixed是什么• css定位叠放次序是什么• css定位叠放次序的使用注意• css中hack是什么

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网