当前位置: 网站建设 > 网页设计 > 建站经验 >

分析CSS2选择器对浏览器的支持情况

时间:2013-03-02 03:55来源:未知 作者:admin 点击:

标签:分析CSS2选择器对浏览器的支持情况 CSS2(5)Tag(145)分析(72)支持(13)选择器(20)浏览器(54)情况(6)
Tag: CSS2 选择器 浏览器 CSS2 选择器 浏览器 3)关于子选择器 ( ) 在ie7+标准模式。chrome,ff下开端支持了。但是,假如父元素与子元素之间有解释的话就会生效。ie8没有。看来,ie8比ie7有很大的改良。 选择该元素后面的所有兄弟节点,在ie7+标准模式,chrome,ff下支持。它和临近兄弟节点选择器的差别就是,前者就选择后面所有的,不请求相邻,但是后面必需是相邻,且选择一个。 !DOCTYPE HTML html head meta http-equiv=Content-
分析CSS2选择器对浏览器的支持情况》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233WR013.htm
Tag:   CSS2   选择器   浏览器       CSS2   选择器   浏览器    

3)关于子选择器 ( > ) 

 在ie7+标准模式。chrome,ff下开端支持了。但是,假如父元素与子元素之间有解释的话就会生效。ie8没有。看来,ie8比ie7有很大的改良。

选择该元素后面的所有兄弟节点,在ie7+标准模式,chrome,ff下支持。它和临近兄弟节点选择器的差别就是,前者就选择后面所有的,不请求相邻,但是后面必需是相邻,且选择一个。

<,分析 搜索引擎不收录网站页面的常见原因;!DOCTYPE HTML>
 <html >
 <head>
     <meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
     <style type="text/css">
      * { margin:0; padding:0 }
  #doc { width:990px; margin:0 auto; margin-top:50px;font:12px/1.5 arial; }
  #doc h4 { border-bottom:1px solid #000; margin:10px 0px; }
  div > p{
     color:blue;
}
li:hover{
     background:#dfdfdf,分享行业门户网站运营的五大思路;
     color:blue;
 }
 .test:active{
 ,分享自己的做站经历和思路感悟;    background:#dfdfdf;
 }
 .tt +p{
        background:#dfdfdf;
 }
     </style>
  ,分享网站迁移造成的种种后果的解决方法;   <title>ie7对css2的支持情况</title>
 <,分享网站经营成功的六个要点;/head>
 <body>
     <div id="doc",分享电商网站专题设计的10个问题;>
    <h4>研究ie7对css2选择器的支持情况</h4>
     <div>
     <!--test-->
         <p>昆裔选择器的支持情况</p>,分享建站的一些小经验;
   ,分享实现CSS样式实时切换效果;     <p>后辈选择器的支持情况</p>
     </div>
    ,分享如何从SEO菜鸟蜕变成SEO达人的方法; <ul>
        <li>伪类选择器的支持情况</li>
         <!--test-->
         <li>伪类选择器的支持情况</li>
         <li>伪类选择器的支持情况</li>
     </ul>
     <p>邻近兄弟节点抉择器</p>
     <div></div>
         <!--test-->
   <p>兄弟节点选择器</p>
     <p>兄弟节点选择器</p>
     <div class="test">active临近兄弟节点选择器</div>
    <div class="tt">heading</div>
     <div></div>
     <p>临近兄弟节点选择器1</p>
    <p>临近兄弟节点选择器2</p>
    </div>
 </body>
 </html>

:before&&:after 就是在一个元素的内容之前或者之后插入天生的内容,我之前的一边文章中先容过。它和content属性配合使用。一个很经典的使用就是肃清浮动。

--> [网站建设之]分析CSS2选择器对浏览器的支持情况

2)对于 :before,分享可刷新的Div+CSS+JS树型菜单,:after :first-child ,:focus伪类

标签存在良多的特性。我常常用它来做按钮,来实现3态,后果很好,不外在表单中就不推举来做按钮了。

:hover 就是鼠标滑到上的状况,在ie7+,firefox,chrome的标准模式上就开始支持所有标签了。 

4) 临近兄弟选择器(+)

后面我将附上我研讨这些特征的代码。

为什么要把这多少个另外离开呢?起因就是他们也a标签没什么大的接洽,用的也未几。

: active 就是一个元素被激活时的状态,在ie8+,firefox,chrome也?是支持所有的标签了。 

在css1的标准中,这四个伪类仅作用在a 标签上。在后来的所有浏览器中都是支持a标签的这个属性。所认为了鼠标殊效可能支持各种浏览器,a标签是一个首选的标签,应用display:block或者display:inline-block能够使a

附上我研究的代码:

之前曾经有过以表格的情势剖析CSS2挑选器对阅读器的支撑情形,本文就日经常见的一些css取舍器进行一个总结(本文在尺度模式下)。

:link 跟:visited 从名义上来看,就是衔接,看来只有在a标签上应用了。不什么变更。

:focus 获取键盘焦点上的所有元素。这个也很强盛。然而只是在ie8+的标准模式下支持。

在ie7+标准模式,chrome,ff下开始支持了。有人说在ie7下,如果父元素与子元素之间有注释的话就会失效,但是我没有发明。

5)一般兄弟选择器(~)

1)关于:active,:link,:hover,:visited伪类

:first-child 选择子节点的第一个子节点元素,这个是css2中的产物,ie7的标准模式下就开始支持了。但是这个子节点和父节点之间不能有注解,有注释就 悲剧了。但是ie8是支持的,即便是有正文。ie8比ie7有很大的改进


(责任编辑:网站建设)
分析CSS2选择器对浏览器的支持情况相关文章
上一篇:分析 搜索引擎不收录网站页面的常见原因 下一篇:分析CSS网页布局中易犯的10个错误
回到顶部