最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

selection伪元素小解_html/css

来源:懂视网 责编:小采 时间:2020-11-27 16:08:10
文档

selection伪元素小解_html/css

selection伪元素小解_html/css_WEB-ITnose:上一篇:《RGBA与Opacity区别小解》 今天说一个简单的伪元素::selection,它的用武之地仅在于改变选中文本时文本的颜色和文本背景颜色。 网页默认选择文本后,文字颜色为白色,文字背景颜色为蓝色,要改变这种选择样式,可以使用::selection伪元素来
推荐度:
导读selection伪元素小解_html/css_WEB-ITnose:上一篇:《RGBA与Opacity区别小解》 今天说一个简单的伪元素::selection,它的用武之地仅在于改变选中文本时文本的颜色和文本背景颜色。 网页默认选择文本后,文字颜色为白色,文字背景颜色为蓝色,要改变这种选择样式,可以使用::selection伪元素来

上一篇:《RGBA与Opacity区别小解》

今天说一个简单的伪元素::selection,它的用武之地仅在于改变选中文本时文本的颜色和文本背景颜色。

网页默认选择文本后,文字颜色为白色,文字背景颜色为蓝色,要改变这种选择样式,可以使用::selection伪元素来分别设置文本颜色和文本背景颜色。

在线查看高清无码效果可以猛戳这里这里或直接点击下面的网址:

http://codepen.io/myvin/pen/bdLXvK

给出例子,先来个段落:

HTML Markup:

十八新娘八十郎,苍苍白发对红妆。 鸳鸯被里成双夜,一树梨花压海棠。

样式修饰:

p::selection{	background-color: red;	color:blue;}

效果如下:

这里有两点需要注意:

  • selection伪元素只能设置background-color和color两个属性,不能设置除此之外的其他任何属性
  • 在CSS3中selection伪元素使用双冒号::,不能使用单冒号:,写单冒号不会起到selection的作用,因为在CSS3规范中规定:

  • 伪类写法使用单冒号:,如:last-child
  • 伪元素写法使用双冒号::,如::first-line和裆下的::selection
  • 在CSS2中伪类和伪元素都使用单冒号:,但是在FF37.0.2版本和Chrome 43.0.2357.130版本中,单冒号:selection不起作用,before和after起作用

  • 上一篇:《RGBA与Opacity区别小解》

    声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文档

    selection伪元素小解_html/css

    selection伪元素小解_html/css_WEB-ITnose:上一篇:《RGBA与Opacity区别小解》 今天说一个简单的伪元素::selection,它的用武之地仅在于改变选中文本时文本的颜色和文本背景颜色。 网页默认选择文本后,文字颜色为白色,文字背景颜色为蓝色,要改变这种选择样式,可以使用::selection伪元素来
    推荐度:
    标签: html css 伪元素
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top