selection选择器是什么选择器

2024-09-05

CSS3选择器 ::selection选择器

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

CSS3 选择器——伪类选择器

前面花了两节内容分别在<CSS3选择器——基本选择器>和<CSS3选择器——属性选择器>介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分——伪类选择器.伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总结一下CSS中常用的伪类选择器的使用方法,最后把重心放到CSS3新增加的":nth-child"选择

CSS选择器，CSS3选择器

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

CSS、CSS2和CSS3选择器总结(全部选择器种类及其优先级)

选择器种类罗列: 1.基础的选择器选择器含义示例 * 通用元素选择器,匹配任何元素 * { margin:0; padding:0; } E 标签选择器,匹配所有使用E标签的元素 p { font-size:2em; } .info和E.info class选择器,匹配所有class属性中包含info的元素 .info { background:#ff0; } p.info { background:#ff0; } #info和E#info id选择器,匹配所有id属性等于footer的元

CSS 选择器之基本选择器属性选择器伪类选择器

CSS 选择器常见的选择器列表图 CSS选择器笔记基本选择器通配符选择器(*) 元素选择器(E) 类选择器(.className) 所有浏览器都支持类选择器,但多类选择器(.className1.className2)不被ie6支持. id选择器(#ID) 多元素选择器(E,F) 后代选择器(E F) 子元素选择器(E>F) IE6不支持子元素选择器. 子元素选择器,匹配所有E元素的子元素F 相邻元素选择器(E + F) 毗邻元素选择器,匹配所有紧随E元素之后的同级元素F

html5--6-11 CSS选择器7--伪类选择器

html5--6-11 CSS选择器7--伪类选择器 #E:target 选择当前活动的锚点元素. 学习要点掌握常用的CSS选择器了解不太常用的CSS选择器什么是选择器当我们定义一条样式时候,这条样式会作用于网页当中的某些元素,所谓选择器就是样式作用的对象. 插入样式的三种方法内联样式表(行内) 内部样式表(style中) 外部样式表创建一个外部样式表在head中使用link元素插入样式表 CSS语法单一元素的多个属性之间用分号隔开:若只有一个可以省略多个元素之间用逗号隔开如

html5--6-10 CSS选择器7--伪类选择器

html5--6-10 CSS选择器7--伪类选择器实例学习要点掌握常用的CSS选择器了解不太常用的CSS选择器什么是选择器当我们定义一条样式时候,这条样式会作用于网页当中的某些元素,所谓选择器就是样式作用的对象. 插入样式的三种方法内联样式表(行内) 内部样式表(style中) 外部样式表创建一个外部样式表在head中使用link元素插入样式表 CSS语法单一元素的多个属性之间用分号隔开:若只有一个可以省略多个元素之间用逗号隔开如果值为若干单词,则要给值加引号;除了这种

html5--6-9 CSS选择器6--伪类选择器

html5--6-9 CSS选择器6--伪类选择器实例 @charset="UTF-8"; /*:root{background: green}*/ /*li:first-child{color: red}*/ /*选择ul的元素里面是第一个子元素的*/ /*ul>li:first-child{color: red}*/ /*li:last-child{color: red}*/ /*li:only-child{color: green}*/ p:only-of-type{co

深入学习jQuery选择器系列第一篇——基础选择器和层级选择器

× 目录 [1]id选择器 [2]元素选择器 [3]类选择器[4]通配选择器[5]群组选择器[6]后代选择器[7]兄弟选择器前面的话选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM以及ajax操作都依赖于选择器.jQuery选择器完全继承了CSS的风格,两者的写法十分相似,只不过两者的作用效果不同.CSS选择器找到元素后添加样式,而jQuery选择器找到元素后添加行为.jQuery选择器可以分为基础选择器.层级选择器.过滤选择器和表单选择器四类.对于每类选择器,除了给出j

id选择器、类选择器、属性选择器

在网页编辑时,通常要对样式进行各种设置.我们借助CSS样式设计中的选择器,就能很好很方便的对它们进行管理和设置了. 今天,跟大家分享一下几个常用的选择器:id选择器.类选择器.属性选择器. id选择器:为标有特定“id”的html元素来指定特定的样式,以“#”来定义. 例如:我们为<h1>标签中的元素设置颜色为绿色. <style> #green{ color: green; } </style> <h1 id="green">我是绿色的

jquery选择器(二)-层次选择器

1. 后代选择器 2. 子元素选择器 3. 相邻兄弟元素选择器 4. 一般兄弟元素选择器(同辈元素选择器) 5. 补充(除自身以外的前后同辈选择器)

CSS选择器和jQuery选择器的区别与联系之一

到底什么是选择器?我们通过常接触的CSS选择器和jQuery选择器理解一下,我们知道CSS是用于分离网页的结构和表现的,也就是说对于一个网页,HTML定义网页的结构,CSS描述网页的样子,一个很经典的例子是说HTML就像一个人的骨骼.器官,而CSS就是人的皮肤,有了这两样也就构成了一个植物人了,加上javascript这个植物人就可以对外界刺激做出反应,可以思考.运动.可以给自己整容化妆(改变CSS)等等,成为一个活生生的人. 我们知道,jQuery选择器和CSS选择器的写法十分类似,都具有隐式

CSS类选择器和ID选择器

CSS类选择器和ID选择器皆允许以一种独立于文档元素的方式来指定样式,同时二者皆区分大小写. 区别如下: 第一:在同一个页面内,不允许有相同名字的id对象出现,但是允许相同名字的class 第二:当页面中用到js或者要动态调用对象的时候,要用到id(当然class也会用到,但是id更常用). 第三:id选择器不能结合使用,class可单独使用,也可与其他元素结合使用. 第四:class有多类选择器,id选择器则无,如 <p class="important warning">

CSS_03_01_CSS选择器中单选择器：关联选择器档

选择器中单选择器:关联选择器档第01步:编写select.css @charset "utf-8"; /* span标签中的b标签的exam类 */ span b.exam{ background-color:#; color:#F00 } /* span标签中的b标签,中的a标签,中的v标签 */ span b a v.mor{ background-color:#0F0; color:#C0C } 第02步:编写html代码: <!DOCTYPE html PUBLIC &

jQuery选择器介绍：基本选择器、层次选择器、过滤选择器、表单选择器

选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半功倍的效果.jQuery选择器完全继承了CSS的风格.利用jQuery选择器,可以非常便捷的找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器是否支持这一选择器. jQuery选择器可简单分为基本选择器.层次选择器.过滤选择器.表单选择器.下面通过表格进行一一介绍. 1.基本选择器选择器描述返回示例 #id 匹

CSS 子元素选择器与后代选择器区别实例讲解

css子元素选择器和后代选择器在功能描述上非常相同,但是他们其实是有区别的,本文章通过两个简单的实例向大家介绍子元素选择器与后代选择器的区别,需要的朋友可以参考一下. 首先我们来了解一下子元素选择器与后代选择器的基本语法语法子元素选择器的语法如下: div>ul{color:red:} 子元素选择器使用大于号">"做为连接符,子元素选择器只能选择作为某元素子元素的元素后代选择器的语法如下: h1 em{color:red;} 后代选择器可以选择作为某元素后代的元素,父

【CSS3】---last-of-type选择器+nth-last-of-type(n)选择器

last-of-type选择器 “:last-of-type”选择器和“:first-of-type”选择器功能是一样的,不同的是他选择是父元素下的某个类型的最后一个子元素. 示例演示通过“:last-of-type”选择器,将容器“div.wrapper”中最后一个段落元素背景设置为橙色 (提示:这个段落不是“div.wrapper”容器的最后一个子元素). HTML代码: <div class="wrapper"> <p>我是第一个段落</p>

【CSS3】---first-of-type选择器+nth-of-type(n)选择器

first-of-type选择器 “:first-of-type”选择器类似于“:first-child”选择器,不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素. 示例演示: 通过“:first-of-type”选择器,定位div容器中的第一个p元素(p不一定是容器中的第一个子元素),并设置其背景色为橙色. HTML代码: <div class="wrapper"> <div>我是一个块元素,我是.wrapper的第一个子元素&

(四)CSS选择器和派生选择器

CSS派生选择器允许你根据文档的上下文关系来确定某个标签的样式.在学习派生之前,先来了解基本的CSS选择器.前面的文章中提到过下图,选择器的位置如下所示: CSS选择器分为几种基本选择器:元素选择器.id选择器.类选择器.属性选择器 1.元素选择器 html {color:black;} h1 {color:blue;} h2 {color:silver;} 2.id选择器:为指定id的HTML元素指定样式. #red {color:red;} #green {color:green;} 在H

jQuery学习笔记（一）——基础选择器、过滤选择器、表单选择器

$()就是jQuery中的函数,它的功能是获得()中指定的标签元素.如演示样例中$("p")会得到一组P标签元素,当中"p"表示CSS中的标签选择器.$()中的()不一定是指定元素,也可能是函数. 在jQuery中 $()方法等价于jQuery()方法,前者比較经常使用.是后者的简写.一般仅仅有在$()与其他语言冲突时才会使用jQuery()方法. 基础选择器 #id 选择器(使用身份证号来找人) jquery能使用CSS选择器来操作网页中的标签元素. 假设你想要通

CSS 简介、语法、派生选择器、id 选择器、类选择器、属性选择器

CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一样式解决了一个普遍的问题 HTML 标签原本被设计为用于定义文档内容.通过使用 <h1>.<p>.<table> 这样的标签,HTML 的初衷是表达"这是标题

selection选择器是什么选择器

热门专题