css3 选择器 CSS3 ::selection 选择器

css3 选择器

CSS3 选择器是 CSS3 中新增的一种选择器，它可以帮助我们更加精确地定位 HTML 元素，从而让我们能够更好地定义样式。

CSS3 选择器主要分为三大类：元素选择器、属性选择器、伪类选择器。元素选择器是最常用的一种，它可以根据 HTML 元素的名字来进行选择，例如 div、span 等。而属性选择器则可以根据 HTML 元素的特定属性来进行选择，例如 id、class 等。最后伪类选择器则可以根据 HTML 元素的特定伪类来进行选择，例如 :hover、:active 等。

div { 
    background-color: #ccc; 
} 
[id="main"] { 
    background-color: #f00; 
} 
a:hover { 
    color: #f00; 
}  

CSS3 ::selection 选择器

CSS3 ::selection 选择器

完整CSS选择器参考手册

定义和用法

::selection 选择器匹配元素中被用户选中或处于高亮状态的部分。

::selection 只可以应用于少数的CSS属性：color, background, cursor,和outline。

---

实例

实例

将选定的文本红色：

::selection
{
  color:#ff0000;
}
::-moz-selection
{
  color:#ff0000;
}

---

浏览器支持

E9+, Opera, Google Chrome和Safari支持::selection选择器。

Firefox 通过其私有属性 ::-moz-selection 支持 。

---

完整CSS选择器参考手册