css3选择器简介大全

最新推荐文章于 2022-11-17 22:02:01 发布
最新推荐文章于 2022-11-17 22:02:01 发布
阅读量692 收藏 4
点赞数
分类专栏： JS基础分享 文章标签： css3 选择器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a976196371/article/details/53188766
版权

CSS3选择器分类

一、基本选择器
这里写图片描述

二、层次选择器

这里写图片描述

三、伪类选择器（伪类选择器语法书写时和其他的CSS选择器写法有所区别，都以冒号（：）开头；）

1、动态伪类选择器

这里写图片描述

2、目标伪类选择器

这里写图片描述

3、语言伪类选择器
语法：

<body lang="zh">
4、UI元素状态伪类选择器

这里写图片描述

5、结构伪类选择器语法

这里写图片描述
这里参数n可以是整数（1、2、3、4……），关键字（odd，even），还可以是公式（2n+1,-n+5），但n的起始值始终为1；

6、否定伪类选择器

E ： not（F） 匹配所有除元素F外的E元素

四、伪元素
这里写图片描述

五、属性选择器
这里写图片描述

这里写图片描述

CSS3选择器大全，详细介绍，有例子
be_a_hacker的博客
02-10 1532
CSS样式由两部分组成：选择器（Selector）和声明块（Declaration Block），声明块中包含属性和属性值，属性和属性值之间由冒号隔开，声明块被一对{}括起起来，花括号之间可以包含多个声明，多个声明被分号（;）隔开。 选择器 {属性:属性值;属性:属性值;……} eg: p{ color:red; text-align:center; font-size:27px; } 根据选择器的用途可以把选择器分为标签选择器、类选择器、id选择器、伪类选择器等。 1.通用选择器 它对网页
CSS——常见CSS选择器的写法
最新发布
weixin_64294248的博客
07-20 861
CSS是给页面设计的样式表，CSS选择器则是选择页面标签的方法，需要用选择器才能成功将要设置的属性应用到标签上。
神通广大的CSS3选择器
weixin_30932215的博客
05-13 183
每个前端工程师可能每天都会写一些css，其中选择器是很主要的一部分。但是，大家可能每天写的大多是#id,.class这样的选择器，这并不稀奇，但是如果我们了解并且熟用css3为我们提供的强大并且优雅的选择器，就可以简化我们的代码。 我在学习和整理css3的选择器的时候都不会去考虑它的浏览器的支持程度，如果有需要，可以在这里查看它的浏览器支持情况：「caniuse.com」。 文章目录： ...
CSS3选择器大全
热门推荐
Shadow_Weirdo
08-16 3万+
1.CSS3选择器 属性选择器 在HTML中，通过各种各样的属性可以给元素增加很多附加的信息。例如，通过id属性可以将不同div元素进行区分。 input[type=&quot;text&quot;] { width:150px; display:block; margin-bottom:10px; background-color:yellow; font-family: Verdana...
CSS3选择器（详细！全！）
FishC的博客
11-17 8366
CSS3选择器（详细！全！）
CSS3_css选择器（详细汇总）
donghe_z的博客
05-02 321
基本选择器及其扩展 1.子元素选择器 #wrap > #first（选中#wrap的儿子元素first，不选择其他隔代后代元素） 2.相邻兄弟元素（只会匹配紧跟的下面的兄弟元素） #wrap > #first +.inner 必须是紧跟着的下面的类名为inner的元素,中间不能有别的元素 eg: <div id="wrap"></div> <div...
让IE可以变相支持CSS3选择器
12-10
- **cssQuery**：由Dean Edwards开发的JavaScript库，全面支持CSS选择器，包括CSS3，提供了独立的CSS1、CSS2、CSS3和全集版本。通过cssQuery，可以在IE中动态添加样式名以模拟CSS3选择器的效果。 示例代码： ```...
CSS3 选择器 基本选择器介绍
12-13
那么从现在开始我们先丢开他们版本的区别，从头一起来看看CSS选择器的运用。 CSS是一种用于屏幕上渲染html，xml等一种语言，CSS主要是在相应的元素中应用样式，来渲染相对应用的元素，那么这样我们选择相应的元素就...
CSS3 选择器 属性选择器介绍
12-13
从上一节展示的CSS3选择器的图表中，我们可以知道，CSS3的属性选择器主要包括以下几种： E[attr]：只使用属性名，但没有确定任何属性值； E[attr="value"]：指定属性名，并指定了该属性的属性值； E[attr~="value"]...
CSS3结构性伪类选择器九种写法
01-19
一、X:nth-child(n) ...demo的用法是最简单的，X:nth-child()更强大的用处在于奇偶匹配，明河不展开讲，有兴趣的请看《Understanding :nth-child Pseudo-class Expressions》,《CSS3 :nth-child()伪类选择器》 二、X
详解CSS3选择器的使用方法汇总
12-13
一 通用选择器1 *{}通配选择符(CSS2)：适合所有...CSS3新增的通用选择器：同级元素通用选择器：1 通用选择器E~F{}：匹配的是E元素之后的同级F元素匹配E后边所有的F，EF同级。只要F在E的后边，E只是作为一个参考。E~
CSS3选择器
08-12
基本涵盖了CSS 2和CSS 3的所有规定。
CSS3之选择器
m0_57752092的博客
04-28 1494
一、层级选择器 <style> /* +当前元素后面的第一个兄弟*/ .child+li{ background-color: aqua; } /* ~当前元素后面的所有兄弟 */ .child~li{ background-color: antiquewhite; }
css3 选择器
weixin_46383294的博客
03-01 175
css3增加了很多内容，其中增加的选择器就分为属性选择器、结构性伪类选择器、层级选择器。 一、属性选择器： 1、选择符[属性名]{ } 只要带有当前属性名的都会被选中。 2、选择符[属性名=”属性值”] 不仅指定属性名，还指定了属性值，只有都符合时才会被选中。 3、选择器[属性名~=”属性值”] 属性值为一个词列表，只要有当前属性名就可以选中。 4、选择器[属性名^=”属性值”] 属...
css3选择器
katsuki_chan的博客
03-29 508
css3选择器、选择器权重
CSS3选择器详解与实例
"这篇内容主要介绍了CSS3选择器的基本概念和使用方法，包括基本选择器、多元素的组合选择器以及CSS2.1属性选择器。" 在网页设计和开发中，CSS（层叠样式表）是用于控制网页元素样式的重要工具。CSS3选择器的引入，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值