选择器

关键词：

分组

选择器分组 h2,p {color:gray;}

声明分组 h1 {font:18px Helvetica;color:purple;background:aqua;}

类选择器和ID选择器

多类选择器 .warning.urgent {background:silver;}

属性选择器

简单属性选择器 h1[class] {color:silver;}

根据具体属性值选择 planet[moons="1"] {font-weight:bold;}

根据部分属性值选择 p[class~="warning"] {font-weight:bold;}

特定属性选择类型 *[lang|="en"] {color:white;}

使用文档结构

后代选择器 h1 em {color:gray;}

选择子元素 h1 > strong {color:red;}

选择相邻兄弟元素 h1 + p {margin-top:0;}

伪类和伪元素

伪类选择器 a:visited {color:red;} link hover active

选择第一个子元素 p:first-child {font-weight:bold;}

结合伪类 a:link:hover {color:red;}

伪元素选择器 

设置首字母样式 p:first-letter {color:red;}

设置第一行的样式 p:first-line {color:purple;}

 

csscss复合选择器①(基础选择器与复合选择器|后代选择器)(代码片段)

文章目录一、基础选择器与复合选择器二、后代选择器1、语法说明2、示例分析3、完整代码示例一、基础选择器与复合选择器CSS基础选择器:在之前的博客中,介绍了CSS的基础选择器;标签选择器类选择器ID选择器通配符选择器在实... 查看详情

选择器

标签选择器：标签{属性:值; 属性:值;}类选择器：.自定义类名{属性:值; 属性:值;}id选择器： #自定义id选择器名{属性:值;属性:值;}通配选择器：*{属性:值;属性:值;} 交集选择器：标签+类(id)选择器{属性:值; 属性:... 查看详情

css选择器（属性选择器，关系选择器，伪类选择器，伪元素选择器）(代码片段)

目录属性选择器类别应用 关系选择器子元素选择器临近兄弟选择器普通兄弟选择器伪类选择器伪元素选择器:before选择器:after伪元素选择器属性选择器属性选择器可以根据元素的属性及属性值来选择元素。（常用在input中ÿ... 查看详情

css：复合选择器（后代子选择器并集伪类）

1、什么是复合选择器在css中，可以根据选择器的类型，把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上的，对基础选择器进行组合形成的复合选择器可以更准确、更高效的选择目标元素（标签）复... 查看详情

css：复合选择器（后代子选择器并集伪类）

1、什么是复合选择器在css中，可以根据选择器的类型，把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上的，对基础选择器进行组合形成的复合选择器可以更准确、更高效的选择目标元素（标签）复... 查看详情

jquery选择器

jQuery选择器基本选择器选择id$("#name"):选择id为name的元素选择类$(".name"):选择所有类为name的元素选择元素$("p"):选择所有标签为p的元素通配符选择器$("*")：选择所有的元素并列选择器(选择器组)这里可以并列所有类型的选择器，包... 查看详情

css复合选择器

在CSS中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的，常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等等。1.... 查看详情

css之选择器

常用选择器元素选择器语法：标签名{}例子：p{}id选择器语法：#id属性值{}例子：#xxx{}类选择器语法：.class属性值{}例子：.xxx{}通配选择器语法：*例子：*{}复合选择器交集选择器作用：同时满足多个条件语法：选择器1选择器2选择... 查看详情

css3选择器

 这里总结一共有11种选择器，分别为：通配符选择器、类选择器、id选择器、元素选择器（又叫标签选择器）、属性选择器、伪类选择器、伪元素选择器、后代选择器（又叫包含选择器）、子元素选择器、兄弟选择器（相邻... 查看详情

jquery选择器分类：基本选择器，层次选择器，过滤选择器，表单选择器。

 基本选择器 说明：通过元素id、class和标签名等来查找DOM元素1.id选择器：$("#test");//选取id为test的元素2.类选择器：$(".test");//选取所有class为test的元素,其他：$(‘div.mini‘)3.标签选择器:$("div");//选取所有的<div>元素4.群... 查看详情

css选择器

css选择器基本选择器*通配符选择器div元素选择器.box类选择器.box.red复合选择器#idid选择器:pseudo伪类选择器::pseudo伪元素选择器:lang(en)语言选择器div:lang(en){color:red;}div>p子类选择器divp子集选择器div~p兄弟选择器（所有后面的元素... 查看详情

jquery-选择器整理

一、基本选择器 1）ID选择器 2）标签选择器 3) 类选择器 4)通配符选择器二、层级选择器 1)包括选择器 2)子选择器   3)相邻选择器 4)兄弟选择器三、简单的伪类选择器1)特定位置选择器2)指... 查看详情

javascript之jquery-2jquery选择器(jquery选择器基本选择器层次选择器过滤选择器表单选择器)

一、jQuery选择器 jQuery选择器简介 -jQuery选择器类似于CSS选择(定位元素，施加样式),能够实现定位元素，施加行为 -使用jQuery选择器能够将内容与行为分离 -学会使用选择器是学习jQuery的基础jQuery选择器的优势 -... 查看详情

css选择器常见用法

css控制器选择器1.选择器的功能：选定页面中指定元素，进而修改元素的属性2.选择器的种类.基础选择器:单个选择器构成的标签选择器类选择器id选择器通配符选择器复合选择器:把多种基础选择器综合运用起来.后代选择... 查看详情

css的六大选择器

选择器：选择器是一种模式，用于选择需要添加样式的元素。首先简述六大选择器基本选择器　　标签选择器　　类选择器　　ID选择器高级选择器　　层次选择器　　结构伪类选择器　　属性选择器其中基本选择器与层次选择... 查看详情

css选择器

CSS的选择器按大类分为基础选择器、层次选择器、伪类选择器、伪元素选择器；下面对前三个选择器进行说明1.基础选择器分为：元素选择器、类选择器、ID选择器及通配符选择器元素选择器：可选中批量相同标签　　代码格式... 查看详情

css3选择器

基本选择器回顾选择器通配符选择器元素选择器类选择器ID选择器后代选择器新增基本选择器子元素选择器相邻兄弟选择器通用兄弟选择器群组选择器子元素选择器概念：子元素选择器只能选择某元素的子元素语法：父元素>子... 查看详情

标记选择器、类选择器、id选择器、伪类选择器的先后顺序是啥？

参考技术A1、id选择器； 2、类选择器；3、标记选择器；4、最后是伪选择器。id选择器（#myid）；类选择器（.myclassname）；标签选择器（div,h1,p）；相邻选择器（h1+p）；子选择器（ul<li）；后代选择器（lia）；通配符选择器... 查看详情