css有哪些选择器2023-02-19 01:46:02html-css011CSS中常用的选择器:(一)基本选择器(二)层次选择器(三)动态伪类选择器(四)目标伪类选择器(五)ui状态伪类选择器(六)结构伪类选择器(七)属性选择器(八)伪元素 (一)基本选择器1.标签选择器:通过标签名获取元素 权重:0001 (此种选择器影响范围大,建议尽量应用在层级选择器中。)2.class选择器:通过 . 类名获取元素权重:0010 (通过class类名来选择元素,一个类可应用于多个元素,一个元素上也可以使用多个类,应用灵活,可复用,是css中应用最多的一种选择器。)3.id选择器:通过 # id名获取元素 权重:0100 (通过id名来选择元素,元素的id名称不能重复,所以一个样式设置项只能对应于页面上一个元素,不能复用,id名一般给程序使用,所以不推荐使用id作为选择器。 )4. * 通配符选择器:获取到页面的所有元素5.群组选择器:用逗号隔开基本选择器,表示这些选择器都获取到 (二)层次/关系选择器 (主要应用在选择父元素下的子元素,或者子元素下面的子元素,可与标签元素结合使用,减少命名,同时也可以通过层级,防止命名冲突。)1.包含选择器:用空格隔开基本选择器,表示后一个选择器是前面的后代例:p a { color:red}2.子代选择器:用>隔开基本选择器,表示后一个选择器是前面的子代例:ul>li { line-style: none}3.相邻兄弟选择器:E+F:表示获取到E后面的紧跟着的F元素(同级的) 例: a+a { }4.兄弟选择器:E~F:表示获取到E后面所有的同级的F元素 例: li~li { }(三)动态伪类选择器1. a:link 锚链接被访问前添加样式2. a:visited 锚链接被访问后添加样式3. e:hover 鼠标悬停在元素上添加样式4. e:active 鼠标点击元素时添加样式5. :focus 表单元素被聚焦时,添加样式(四)目标伪类选择器语法: 目标:target {属性:属性值} 被选中的目标添加样式目标:target E子元素{属性:属性值} 被选中的目标里的E子元素添加样式 (五)ui状态伪类选择器1. :enabled 可用的表单元素添加样式2. :disabled 不可用的表单元素添加样式(disabled )3. :checked+E 被选中的表单元素添加样式(六)结构伪类选择器1. E:first-child 获取到E元素,且要满足为其父元素的第一个孩子。2. E:last-child 获取到E元素,且要满足为其父元素的最后一个孩子3. E:nth-child(n) 获取到E元素,且要满足为其父元素的第n个孩子n的用法:(1)6n倍数 (2)even偶数/2n odd奇数/2n-1(如可用来选中奇偶行来实现 “隔行换色”) (3) -n+5 选中1-5(4)p:nth-child(-n+3):nth-child(n+2) 2-3个4. E:nth-last-child(n) 获取到E元素,且要满足为其父元素的倒数第n个孩子5. E:first-of-type 获取到E元素,且要满足为其父元素的第一个该类型的孩子6. E:last-of-type 获取到E元素,且要满足为其父元素的最后一个该类型的孩子7. E:nth-of-type(n) 获取到E元素,且要满足为其父元素的第n个该类型的孩子8. E:nth-last-of-type(n)获取到E元素,且要满足为其父元素的倒数第n个该类型的孩子9. E:empty 获取到空的E元素(注:连空格都不能有)(七)属性选择器1. E[attr] 拥0有attr属性的E元素添加样式 如div[class] 2. E[attr="val"] 拥有attr属性值 为 val的E元素添加样式 如p[class="ab"]3. E[attr*="val"] attr属性值 包含 val的E元素添加样式 如ul[class="c"] 指class类名中包含有c字母的E元素4. E[attr^="val"] attr属性值以val 开头 的E元素添加样式5. E[attr$="val"] attr属性值以val 结尾 的E元素添加样式(八)伪元素1. E::before给E元素添加第一个子元素 (前面) 2. E::after 给E元素添加最后一个子元素(后面)3. E::first-letter给E元素第一个字添加样式4. E::first-line给E元素第一行添加样式 5. E::selection 元素内容被选中时添加样式(火狐需要加前缀-moz-)1.元素选择器:作用:通过元素选择器可以选择页面中的所有指定元素语法: 标签名{}2.id选择器:-通过元素的id属性值选择唯一元素-语法:#id属性值{} 3. 类选择器:- class属性和id属性类似,只不过class属性可以重复-拥有相同class属性值的元素,我们说他们是一组元素-一个元素可以有多个class属性值,多个值之间用空格隔开。 !!!!!-通过元素的class属性值选中一组元素-语法:.class属性值{}4.选择器分组: -通过选择器分组可以同时选中多个选择器对应的元素。 -语法:选择器1,选择器2,选择器N{} -效果:同时选中了选择器1,2,N他们所指向的元素,实现了代码的复用。 5.通配选择器:-他可以用来选中页面中的所有元素。(模糊选择)-语法: *{}6.精准(复合)(交集)选择器: !!!!!!-作用:- 可以选中同时满足多个选择器的元素 (精准选择)-语法:选择器1选择器2选择器N{} 指定同时选择器1,2,N的元素7.后代选择器:-作用:-可以选择某一元素的所有子孙元素。-语法:祖先元素 后代元素{}注:祖先元素与后代元素之间有一个空格。8.子元素选择器:-作用:-选中指定父元素的指定子元素。 注:明确子元素与子孙元素的区别-语法:父元素 >子元素 注:可在一个表达式中连续使用多个 >明确查找关系9.属性选择器:- 作用:可以根据元素中的属性或属性值来选取指定元素- 语法:[属性名] 选取含有指定属性的元素10.兄弟选择器:-选中某一个标签后的紧邻着的兄弟节点,若不紧邻则没用,选择不中。 -标签1 + 标签2{}-选中某一个标签的后面的所有兄弟节点-语法:前一个标签 ~ 后面的所有标签11.否定伪类:-作用:可以从已经选中的元素中剔除某些元素-语法::not(选择器)-例如:p:not(.hello) 选中class属性不为hello的p标签[abc^="def"] 选择 abc 属性值以 "def" 开头的所有元素 [abc$="def"] 选择 abc 属性值以 "def" 结尾的所有元素 [abc*="def"] 选择 abc 属性值中包含子串 "def" 的所有元素相应的jq代码,你懂的。词库加载错误未能找到文件“E高铁采集器内存溢出ConfigurationDictStopwordstxt”# 上一篇:怎样登录头条号# 下一篇:Js 视频停留指定帧给您推荐相同类型的内容: css,有序列表问题 设置值为:li{list-style:square}none 无标记。 disc 默认。标记是实心圆。 circle 标记是空心圆。 square 标记是实心方块。 decimal 标 魂斗罗归来ios怎么在电脑上玩?求苹果电脑版使用教程。 目前只有安卓版才行。魂斗罗用海马苹果助手打开魂斗罗归来IOS版安装包(IOS安装包后缀名为".ipa")安装成功后就可以在电脑上能用电脑玩了能满足PC端使用IOS安装包的模拟器只有海马苹果助手电脑端下载并安装海马 电脑上如何录音转文字,录音机录音怎么恢复 1.第一需要我们在电脑中下载安装一款录音软件,搜索“录音软件”下载安装软件即可。2. 打开电脑中的软件,进入软件操作界面,我们可以看到“格式选项”可以选择录音的格式“MP3”或者是“WAV”格式。3. 在后面的“声音来源”选项可以选 电脑主机箱的前面板怎么拆啊 具体操作步骤如下:1、首先,拔掉主机后面的所有线,并从侧面拧下两个大螺钉,如下图所示,然后进入下一步。2、其次,拧下大螺钉后,打开机箱盖。如下图所示,然后进入下一步。3、接着,CPU风扇可以用小刷子刷掉上面的灰尘,如下图所示,然后进入下一 电脑液晶屏进水如何处理 笔记本电脑屏幕进水,留下很大一片水印,很难消除。液晶屏是以液晶材料为基本组件,在两块平行板之间填充液晶材料,通过电压来改变液晶材料内部分子的排在列状况,以达到遮光和透光的目的来显示深浅不一,错落有致的图象,而且只要在两块平板间再加上三元色 如何在python中实现一个自定义的列表或字典 在很多的python库之中,我们可以看到有的时候,库作者会使用一些很特殊的“列表”或者“字典”。虽然他们看起来很像是一个列表或者字典,但是使用的方法却又不一样,这是因为那不是真的python中原本的列表和字典,而是作者自己创建的。那么,我 TOPOSH电脑是什么品牌? 深圳市托普斯(TOPOSH)电子科技有限公司是一家集生产,研发,销售为一体的高科技企业,主要生产笔记本电脑,上网本等高科技产品。属于一个小众品牌。TOPOSH笔记本,手感与设计十分讲究,工艺上十分精湛。质量和售后服务都不错。TOPOSH T 怎么让电脑跟电视同步 问题一:如何让电脑和电视同步这个需要连接线,一般电视有HDIM接口的,你买一根HDIM线连接电脑,然后用电脑相应设置后就可以电视同步了,这种线是音频和视频同时传播的,还有一种就是VGA接口的,这种是只传播视频图像,但是音频的是不过不去的 windows密码是什么 Windows系统密码就是管理员账户密码,输入正确即可使用电脑。电脑的用户名和密码都是用户设置的,系统有默认的用户名administrator,但是没有默认密码的。如果登陆不进去,有两种解决办法:重装系统和还原电脑出厂设置。创建密码方法 js 大数相加和小数相加 js的数字有一个大小限制,超出会溢出,现写一个 add(num:string,num:string):string 求大数之和 栗子:add("2312421212512521111112421412412",&qu 怎么在电脑上安装蓝牙? 蓝牙接收器是指能接受传输方式为蓝牙的接收器,一般支撑PC与Mac,现今已经广泛运用于生活中,如我们常用的蓝牙耳机、蓝牙音箱、蓝牙鼠标、蓝牙键盘等都属于蓝牙接收器。具有蓝牙信号的接收和发送功能,可以算是蓝牙接收器的一种,就像网络适配器用来连接 我想知道电脑配件的报价去哪里看啊 呃,京东上面淘汰停产的电脑比较多,因为价格不透明,进价也不高,所以卖得便宜赚得更多。新型号的电脑在网上商城买没什么价格上的优势,而且保修售后之类的不方便,所以相对来说还是去电脑城之类的实体店卖电脑的人更多。很多商城的笔记本等电脑便宜,抄着型 表格细边框的CSS样式怎么设置? 指定的<table>为细边框,把<table>放在<div>中即可。一、首先新建表格,代码如下:<table width="500" js脚本怎么转码? 可以使用js自带的转码方法escape(),encodeURI()和encodeURIComponent()。下面是详细介绍:Js中escape(),encodeURI()和encodeURIComponent()使用和比较:escape方 如何将大转盘分成不均等的5个区域html 直接设置就行。点击开始旋转按钮,转盘就会快速旋转,停止旋转后,所在区域就是中奖项目,选择快速分区,分区为5个。也直接套用模板,套用分区好的模板。"对于用户来说,html5提高了用户体验,加强了视觉感受。1、HTML5技术在移动端, java file 获取文件大小 是什么单位 1、java file 获取文件大小 ,单位是kb,File.length()获得文件字节大小1024 获得 KB数, 由于整数运算省略小数部分,故加1。2、目前Java获取文件大小的方法有两种:1)通过file的length()方法 简述“HTML”文档的基本结构? HTML(HyperTextMark-upLanguage,超文本标记语言或超文本链接标示语言),是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画 R语言Plot函数总结 par(mfrow = c(n,m),mar = c(0,0,0,0),mai = c(0,0,0,0)) mar,mai参数主要是调节图形的margin的大小,顺序是下、左、上、右 R语言中,设置plot(x,y,'.. 怎么打开电脑的某个端口? 以在WIN10系统中操作为例,可以通过控制面板进入设置。进入到控制面板,打开防火墙的高级设置,选择入站。点击新建规则,输入需要开放的端口即可。具体的设置方法如下:1、点击电脑左下角的开始,选择控制面板进入。2、进入到控制面板界面以后点击防 DIV CSS文字粗体字如何实现 html文字粗体字体加粗如何设置 一、使用html 加粗标签 使用b标签或strong标签即可对文字粗体。1、分别对应语法如下:<b><b><strong><strong> C语言数据类型转换怎么理解? 1.将一种类型的数据赋值给另外一种类型的变量时就会发生自动类型转换,例如: floatf=1501 150 是 int 类型的数据,需要先转换为 float 类型才能赋值给变量 f。再如: intn=f1...2.在不同类型的混合运算中,编 华为手机如何连接电脑。 如果您使用的是华为手机,以华为Mate 40手机为例:1、通过 USB 数据线连接手机和电脑。待电脑上的驱动程序自动安装完成后,点击此电脑(计算机),会出现以手机命名的盘符。2、从(手机)状态栏下滑出通知面板(可继续下滑),点击点击查看更多 电脑如何安装安卓软件 问题一:电脑上下载的安卓软件怎么安装到手机上有两种方法,前提电脑安装豌豆荚或91助手这类软件 第一用数据线,打开手机的USB调试和允许位置来源,然后就可以在上面的软件上安装。 第二,把安装包复制到手机上,然后再用手机的安装包搜索 视频制作需要什么样的笔记本电脑呢? 视频制作推荐戴尔灵越15 Plus 笔记本电脑。戴尔灵越15 Plus 笔记本顶配RTX3060级显卡和11代intel高性能版H45处理器。配备 "飓风之眼”散热系统,3风扇5热管4出风口设计,使性能释放更强更稳定同时运行安静, 笔记本电脑哪个牌子好? 笔记本品牌在国内口碑不错的品牌主要有:联想、惠普、华硕、宏碁等品牌。一、联想联想笔记本的特点是触角伸得很长,高中低端、轻薄本游戏本触控本,几乎各个方面都有涉及。联想官网还提供笔记本私人专属订制服务。相对其他品牌,联想笔记本的特点是产品类 电脑怎么关闭屏幕 电脑息屏不关机的操作方法如下:1、在电脑桌面左下角菜单引擎搜索“控制面板”,或者在我的电脑里面搜索;2、在“控制面板”里找到“电源选项”并点击进入;3、再找到“选择关闭显示器的时间”并点击进入;4、在“编辑计划设置”页面,将“关闭显示器”的 计算机维修属于什么行业 1、电脑维修行业是指对台式机 笔记本在使用过程中出现的软件问题 硬件问题的修复维护,损坏硬件的更换。这一行业要求有足够的文化知识积累,较强的动手能力。电脑维修级别:一级维修一级维修,也叫板级维修。其维修对象是电脑中某一设备或某一部件,如主板 怎样辨别电脑的真假? 鉴别电脑是否原装正品方法有下面几种1,一般新电脑都预装系统,但是要自己设置,如果买来的电脑开机都进入系统,肯定是旧的2,买的时候从有正品保障的地方购买,如官网购买,或者大型卖场。3,一般本子后面都有服务代码,和手机的条形码一样的,都可以在官 一个页面如何多次使用同一段JS代码? 楼主问的是否是这种情况<div id="msg"><div><script>num = 0 num++document.getElementByI 无线鼠标如何连接电脑? 无线鼠标连接电脑的方法如下:①首先将电池装进无线鼠标。②然后盖上电池的盖子。③接着开启无线鼠标的开关。④最后将接收器插入电脑的usb接口就可以了。这样操作完成,我们的电脑就成功连接上了无线鼠标了。扩展资料无线鼠标与有线区别无线鼠标需通