首页 > 代码库 > 6月17号=》161页-165页

6月17号=》161页-165页

6.5.3  浏览器专属的属性

      常见的浏览器前缀

前缀组织示例说明
-ms-Microsoft-ms-interpolation-modeInternet Explorer浏览器专属的CSS属性需添加-ms-前缀
-moz-Moazilla-moz-read-only

所有基于Gecko引擎的浏览器(如Firefox)专属的CSS属性需添加

-moz-前缀

-o-Opera-o-text-overflowOpera浏览器专属的CSS属性需添加-0-前缀
-webkit-Webkit-webkit-box-shadow

所有基于WebKit引擎的浏览器(如Chrome、Safari)专属的CSS属

性需添加-webkit-前缀

 

      ::selection伪类选择器用于匹配指定元素中被选中的内容,该属性在Firefox中还是浏览器专属的属性。

        代码示范:

          //为有内容被选择的元素设置CSS样式

          ::selection{....}

          //专为基于Gecko内核的浏览器指定CSS样式

          ::-moz-selection{....}

 

6.5.4  :not和:target

      CSS3.0还新增了两个特殊的伪类选择器

        Selector:target:匹配符合Selector选择器且必须是命名锚点目标的元素。

        Selector1:not(Selector2):匹配符合Selector1选择器,但不符合Selector2选择器的元素,

                        相当于用Selector1减去Selector2.

      代码示范:

        //当前连接跳转至锚点目标元素的样式

        :target{...}

        //匹配li元素且id值不为ajax的元素的样式

        li:not(#ajax){...}