CSS3中选择器

::selection选择器

<style type="text/css">
    .selectColor::selection{color:#fff;background:pink;cursor: }
</style>

<body>
  <p>普通文本,不设置::selection,选中是文本的颜色为白色,背景为蓝色</p>
  <p class="selectColor">选中的文本的颜色为白色,背景为粉色</p>
</body>

时间: 2024-10-18 22:23:06

CSS3中选择器的相关文章

在IE中使用CSS3高级选择器

CSS3高级选择器确实很强大,可以显著简化html代码,大幅提升CSS的可读性.IE9以下的IE浏览器是不支持CSS3高级选择器,但是有额外的方法可以使IE6-IE8浏览器也能使用CSS高级选择器. 需要先下载两个文件: domassistant.js    http://www.domassistant.com/ selectivizr.js    http://selectivizr.com/ 使用方法: 在head标签之间或者body标签之后导入这两个文件就可以了 <!--[if IE]>

css3中新增的一些有用的选择器

css3中新增呢很多新的玩意!有的东西玩着玩着就会被玩坏(呵呵,只是没什么用很鸡助),这来总结下我认为有用的, 不喜勿喷!有错误就请指出!绝对自己总结的,不当伸手党! 属性选择器: div[index]{background:red}    表示div下面带index属性的背景为红色 div[index=a]{background:red}  表示div下面的自定义属性index=a的div的颜色变成红色. div[index~=a]{background:red}    只要div中index

css3中伪类选择器和伪元素介绍

利用html5和css3开发出炫酷的网页,那么对于一个web前端开发者,css3也是必须要掌握的,下面和大家讨论一下css3中伪类选择器和伪元素. 类选择器 在css中可以使用类选择器把相同的元素定义成不同的样式.比如:p.left{text-align: left}p.rigth{text-align: right} 伪类选择器 类选择器和伪类选择器的区别在于,类选择器我们可以随意起名,而伪类选择器是CSS中已经定义好的选择器,不可以随意起名. 最常见的伪类选择器 a:link{ color:

如何使用CSS3中的结构伪类选择器和伪元素选择器

原文:如何使用CSS3中的结构伪类选择器和伪元素选择器 结构伪类选择器介绍# 结构伪类选择器是用来处理一些特殊的效果. 结构伪类选择器属性说明表 属性 描述 E:first-child 匹配E元素的第一个子元素. E:last-child 匹配E元素的最后一个子元素. E:nth-child(n) 匹配E元素的第n个子元素. E:nth-child(2n)或者E:nth-child(even) 匹配E元素的偶数子元素. E:nth-child(2n+1)或者E:nth-child(odd) 匹配

CSS3常用选择器(一)

在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素.比如最常用到的#id,.class,标签选择器. 随着CSS3到来,增加了很多新型选择器,这里就常用的做一个总结. 1.属性选择器. 在css3中,追加了三个属性选择器,分别为[attribute*=value],[attribute^=value],[attribute$=value],使选择器有了通配符的概念.这三个选择器分别是包含,首字符,结束字符. 举个栗子: a[src*="abc"]表示选择其 src 属性中包含

CSS3中的伪类概览,很实用的

CSS的目标,或者说是革命纲领就是:"将样式与内容分离",这个目标能否实现,很大程度上依赖于CSS访问内容的能力.在CSS3中,这个任务得到了有力支持,强大的结构伪类Structural pseudo-classes出现了.提供了非常丰富的查询方式,让CSS选择器变得如此和蔼可亲了.让我们来快速概览一下,同时期待着浏览器整体换代的来到,毕竟只有最新的浏览器才支持CSS3选择器及其他特性. 支持浏览器:Firefox 3.1+, IE8+ (only in IE8 standards m

CSS3常用选择器总结

CSS3选择器 中午吃饭时与同事简单聊了下H5和C3为我们提供的便利,晚上下班后简单整理了下CSS3的选择器,在这里跟大家分享下. CSS3新增了许多灵活查找元素的方法,极大的提高了我们查找元素的效率和精准度.CSS3选择器与jQuery中所提供的绝大部分选择器兼容. 1.属性选择器 其特点是通过属性来选择元素,具体有以下5种形式(E是element的首字母,下面都是简写代替,程序员总是那么懒,哈哈哈): 1.E[attr] 表示存在attr属性即可: /*存在*/ [class]{/*选中的是

Css3:选择器、字体和颜色样式

1.私有前缀及其用法 在CSS3模块标准尚未被W3C批准或者标准所提议的特性尚未被浏览器完全实现时,浏览器厂商会使用所谓的私有前缀来测试“试验性的”CSS特性.看看CSS3中实现圆角的代码: .round{ -khtml-border-radius:10px; /* Konqueror */ -rim-border-radius:10px; /* RIM */ -ms-border-radius:10px; /* Microsoft */ -o-border-radius:10px; /* Op

CSS系列:CSS3新增选择器

CSS系列:CSS3新增选择器 1. CSS1定义的选择器 选择器 类型 说明 E 类型选择器 选择指定类型的元素 E#id ID选择器 选择匹配E的元素,且匹配元素的id为“id”,E选择符可以省略. E.class 类选择器 选择匹配E的元素,且匹配元素的class属性值为“class”,E选择符可以省略. E F 包含选择器 选择匹配F的元素,且该元素被包含在匹配E的元素内. E:link 链接伪类选择器 选择匹配E的元素,且匹配元素被定义了超链接并未被访问.例:a:link E:visi