css3技术

CSS3中的属性选择符_div+css教程(3)

字号+ 作者:H5之家 来源:H5之家 2015-09-17 16:55 我要评论( )

代码::not(p) { border:1px solid #ccc; } 否定伪类目前只有基于Mozilla的浏览器支持。 ::selection伪类 ::selection伪类匹配指定元素中处于选中或者高亮状态的部分。其中一个应用就是用它来控制选中文本的样式。

代码: :not(p) { border:1px solid #ccc; }

否定伪类目前只有基于Mozilla的浏览器支持。

::selection伪类
::selection伪类匹配指定元素中处于选中或者高亮状态的部分。其中一个应用就是用它来控制选中文本的样式。
下面的规则会使选中的文本颜色变为红色:

代码: ::select { color:#f00; }

::selection伪类目前可能基于Safari的浏览器支持。但是在使用上会出现不可预料的情况,因此Safari还需要一点改进。基于Mozilla的浏览器要使用-moz-prefix: ::-mozi-selection来实现。这种prefix可能最终会被去掉。

通用兄弟元素选择器
通用兄弟元素选择器通过两个简单选择符通过波浪号(~)分隔组成。它匹配第二个简单选择符中所匹配的元素,而且与第一个简单选择符中匹配的元素要出现在他的前面。这两个元素必须具有同一个父元素,但是第二个元素不一定必须紧跟在第一个元素之后。这条CSS规则将会匹配所有p元素之后ul元素:

代码: p ~ ul { background:#ff0; }

通用兄弟元素选择器目前有Opera和基于Mozilla的浏览器支持。

亟需更好的浏览器支持
部分CSS 3选择符已经被广泛支持。但是,大部分非常有用的选择符在现代浏览器中或者未被支持或者使用受到限制。这就使得本文中介绍的很多选择符在今天的Web或多或少失去了用武之地。但是不必害怕去尝试它,你仍然可以在支持他们的带来超前体验的高级浏览器中使用他们。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 阻碍你学习CSS的因素思维的转变HTML结构化_div+css布局教程

    阻碍你学习CSS的因素思维的转变HTML结构化_div+css布局教程

    2015-09-27 13:19

  • CSS背景_div+css教程

    CSS背景_div+css教程

    2015-09-20 11:28

  • CSS布局规则_div+css教程

    CSS布局规则_div+css教程

    2015-09-20 11:28

  • CSS隐藏文字的方法_div+css教程

    CSS隐藏文字的方法_div+css教程

    2015-09-20 11:26

网友点评