::selection 选择器

【::selection 选择器】的更多相关文章

CSS3 ::selection选择器

一.介绍之前看到有些网站选中内容的颜色和背景色都不是平时看到的蓝色和白色.今天有兴趣查看了一下,原来是一个很简单的CSS3的选择器::selection的用法. 上例子: <style> .selectColor::selection{color:#fff;background:pink;} .selectColor::-moz-selection{color:#fff;background:pink;} .selectColor::-webkit-selection{color:#fff;…

CSS3选择器 ::selection选择器

“::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本).浏览器默认情况下,用鼠标选择网页文本是以“深蓝的背景,白色的字体”显示的,效果如下图所示: 从上图中可以看出,用鼠标选中“专注IT.互联网技术”.“纯干货.学以致用”.“没错.这是免费的”这三行文本中,默认显示样式为:蓝色背景.白色文本. 有的时候设计要求,不使用上图那种浏览器默认的突出文本效果,需要一个与众不同的效果,此时“::selection”伪元素就非常的实用.不过在Firefox浏览器还需要添加前缀.…

CSS3 ::selection 选择器

::selection { color:#ff0000; } ::-moz-selection { color:#ff0000; }详见 http://www.css88.com/archives/5169 这个属性很酷哎,用鼠标选中的那部分就能出现自己设置的样式.…

使被选中的文本成为红色:::selection { color:#ff0000; } ::-moz-selection { color:#ff0000; }…

状态伪类选择器(E::selection)

E::selection选择器: E::selection{background:#FF6600; color:#fff;} //当文字被选中时,背景是红色,文字是白色 E::-moz-selection{background:#FF6600; color:#fff;} //为了让火狐浏览器支持 *IE6/7/8 不支持 selection:[sɪ'lekʃn]选择.挑选…

css3 选择器（三）

接css3选择器(一) 接css3 选择器(二) 这篇和前两篇内容相关性不大,主要是涉及到一些css3的状态选择器,所以标题从一开始. 一.[:enabled]选择器一看这个属性就知道是专为表单元素提供的.在表单中输入框,密码框,复选框都有可用(:enabled)和不可用(:disabled)状态,默认情况,这些表单元素都处在可用状态.可通过选择器:enabled为这些表单元素设置样式. 举例:可用输入框设置样式. <meta charset="utf-8"> <s…

CSS之元素选择器

1.后代元素选择器 div p 以空格分隔,表示div的所有后代p元素 2.子元素选择器 div > p 以大于号分隔,表示div的直接子元素 3.相邻兄弟选择器 div + p 选择紧接在div元素后面的p元素,中间不能有其他元素 4.兄弟选择器 div ~ p 选择div元素后面的所有兄弟元素p 5.选择p元素,并都p元素作些筛选 p:first-of-type:p元素是其父元素从上往下,遇到的首个p元素 p:last-of-type:p元素是其父元素从上往下,遇到的最后一个p元素 p:o…

css3选择器（下）

1.:enabled选择器在Web的表单中,有些表单元素有可用(“:enabled”)和不可用(“:disabled”)状态,比如输入框,密码框,复选框等.在默认情况之下,这些表单元素都处在可用状态.那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式. 示例演示通过“:enabled”选择器,修改文本输入框的边框为2像素的红色边框,并设置它的背景为灰色. HTML代码: <form action="#"> <div> <label fo…

CSS选择器，CSS3选择器

CSS选择器 ------->CSS选择器优先级 1>通配符选择器(CSS2) 选择所有元素,所有浏览器都支持. *{ margin:0; padding:o; } 2>元素选择器(CSS1) p{ color:pink; } 选择所有 <p> 元素. 3>类选择器(CSS1) 选择 class="className" 的所有元素. 所有浏览器都支持类选择器,但多类选择武器(.className1 .className2)不被IE6支持. .clas…

神奇的CSS3选择器

话说园子里也混迹多年了,但是基本没写过blog,写点基础的,那就从css3选择器开始吧. Css3选择器先说下,为什么提倡使用选择器. 使用选择器可以将样式与元素直接绑定起来,在样式表中什么样式与什么元素匹配一目了然,修改起来也很方便. 减少样式表的代码量. 属性选择器 1.[att*=val]属性选择器意义:表示元素用att表示的属性的属性值包含用val表示的字符,则该元素使用这个样式 <!DOCTYPE html> <html lang="en"> &l…