• 关于

    伪类选择器

    的搜索结果

问题

css伪类选择器怎么使用方法

云计算小粉 2019-12-01 19:51:57 699 浏览量 回答数 2

问题

使用css的相邻+选择器和伪类会有兼容问题吗?

杨冬芳 2019-12-01 19:37:46 770 浏览量 回答数 1

回答

CSS 选择符: 1.id选择器(# myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul > li) 6.后代选择器(li a) 7.通配符选择器( * ) 8.属性选择器(a[rel = "external"]) 9.伪类选择器(a: hover, li:nth-child) 可继承的样式: 1.font-size 2.font-family 3.color 4.text-indent 不可继承的样式: 1.border 2.padding 3.margin 4.width 5.height 优先级算法: 1.优先级就近原则,同权重情况下样式定义最近者为准; 2.载入样式以最后载入的定位为准; 3.!important > id > class > tag 4.important 比 内联优先级高,但内联比 id 要高 CSS3新增伪类举例: p:first-of-type 选择属于其父元素的首个 元素的每个 元素。 p:last-of-type 选择属于其父元素的最后 元素的每个 元素。 p:only-of-type 选择属于其父元素唯一的 元素的每个 元素。 p:only-child 选择属于其父元素的唯一子元素的每个 元素。 p:nth-child(2) 选择属于其父元素的第二个子元素的每个 元素。 :enabled :disabled 控制表单控件的禁用状态。 :checked 单选框或复选框被选中。

小柯卡力多 2019-12-02 03:21:55 0 浏览量 回答数 0

阿里云试用中心,为您提供0门槛上云实践机会!

0元试用32+款产品,最高免费12个月!拨打95187-1,咨询专业上云建议!

回答

1.id选择器( # myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul < li) 6.后代选择器(li a) 7.通配符选择器( * ) 8.属性选择器(a[rel = "external"]) 9.伪类选择器(a: hover, li: nth - child) * 可继承: font-size font-family color, UL LI DL DD DT; * 不可继承 :border padding margin width height ; * 优先级就近原则,样式定义最近者为准; * 载入样式以最后载入的定位为准; 优先级为: !important > id > class > tag important 比 内联优先级高 CSS3新增伪类举例: p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。 p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。 p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。 p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素。 p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。 :enabled、:disabled 控制表单控件的禁用状态。 :checked,单选框或复选框被选中。

茶什i 2019-12-02 03:16:36 0 浏览量 回答数 0

回答

important Infinity 行间样式 1000 id 100 class/属性/伪类 10 标签选择器/伪元素 1 通配 0

茶什i 2019-12-02 03:17:21 0 浏览量 回答数 0

问题

关于css伪类选择器中:nth-of-type(n) 选择器

杨冬芳 2019-12-01 19:54:51 1012 浏览量 回答数 1

回答

css层叠的时候考虑3点:继承,特殊性和来源。这里只看特殊性:内联样式:1,0,0,0id选择器:0,1,0,0class选择器,属性选择器,伪类:0,0,1,0元素选择器,伪元素:0,0,0,1通配选择器:0,0,0,0继承值:无特殊性计算时特殊性就是简单的把各位上的数字相加,然后从第一位开始比较。只有前一位比较不出时才会比较下一位,换言之,0,1,0,0特殊性高于0,0,10,100。通配选择器(*)的0,0,0,0特殊性高于无特殊性的继承值。!important其实和特殊性无关,它属于重要声明。css层叠时,所有的重要声明和非重要声明会分开进行层叠。如果重要声明和非重要声明冲突,会应用重要声明的样式。最后,回答题主的问题,如果两个规则的来源,特殊性完全相同,会应用后出现的规则。

a123456678 2019-12-02 02:22:18 0 浏览量 回答数 0

回答

CSS选择符:1. id选择器( # myid) 2. 类选择器(.myclassname) 3. 标签(元素)选择器(div, h1, p) 4. 相邻选择器(h1 + p) 5. 子选择器(ul > li) 6. 后代选择器(li a) 7. 通配符选择器( * ) 8. 属性选择器(a[rel = "external"]) 9. 伪类选择器(a:hover, li:nth-child) 伪元素选择器、分组选择器。 继承性: 可继承的样式:font-size, font-family, color,ul,li,dl,dt,dd; 不可继承的样式:border, padding, margin, width, height优先级(就近原则):!important > [ id > class > tag ] !important 比内联优先级高优先级算法计算优先级就近原则,同权重情况下样式定义最近者为准! important>id >class>tagimportant比内联优先级高元素选择符的权值:元素标签(派生选择器):1,class选择符:10,id选择符:100,内联样式权值最大,为1000!important声明的样式优先级最高,如果冲突再进行计算。如果优先级相同,则选择最后出现的样式。继承得到的样式的优先级最低。

茶什i 2019-12-02 03:17:21 0 浏览量 回答数 0

回答

在CSS选择器中加上相应伪类选择符就可以了,使用ID选择器,比如下面的CSS代码: example:before { content: """;} example:after { content: """;}它的效果就是为example标签前后加上双引号。

xwaby 2019-12-02 00:57:43 0 浏览量 回答数 0

问题

前端小白入门css基础 【新手百问合集】

马铭芳 2019-12-01 20:09:04 2466 浏览量 回答数 15

回答

浏览器通过优先级规则,判断元素展示哪些样式。优先级通过 4 个维度指标确定,我们假定以a、b、c、d命名,分别代表以下含义: a表示是否使用内联样式(inline style)。如果使用,a为 1,否则为 0。 b表示 ID 选择器的数量。 c表示类选择器、属性选择器和伪类选择器数量之和。 d表示标签(类型)选择器和伪元素选择器之和。 优先级的结果并非通过以上四个值生成一个得分,而是每个值分开比较。a、b、c、d权重从左到右,依次减小。判断优先级时,从左到右,一一比较,直到比较出最大值,即可停止。所以,如果b的值不同,那么c和d不管多大,都不会对结果产生影响。比如0,1,0,0的优先级高于0,0,10,10。 当出现优先级相等的情况时,最晚出现的样式规则会被采纳。如果你在样式表里写了相同的规则(无论是在该文件内部还是其它样式文件中),那么最后出现的(在文件底部的)样式优先级更高,因此会被采纳。 在写样式时,我会使用较低的优先级,这样这些样式可以轻易地覆盖掉。尤其对写 UI 组件的时候更为重要,这样使用者就不需要通过非常复杂的优先级规则或使用!important的方式,去覆盖组件的样式了。

茶什i 2019-12-02 03:17:02 0 浏览量 回答数 0

回答

一般是伪类选择器,比如::before, ::after, ::selected等等

1501422333975081 2019-12-02 00:57:20 0 浏览量 回答数 0

回答

:first-child 这个伪类,只有当元素是其父元素的第一个子元素时才能匹配。即只有当是父元素的第一个子元素时该选择器才生效。在不改变HTML代码的情况下可以用相邻同胞选择器达到想要的效果: h1 + article { color: red; } 或者使用:nth-child达到同样的效果: article:nth-child(2){ color: red; }

a123456678 2019-12-02 02:19:57 0 浏览量 回答数 0

回答

CSS 伪类用于向某些选择器添加特殊的效果。参考文档:http://www.w3school.com.cn/css/css_pseudo_classes.asp

chenjiechenl 2019-12-02 00:57:13 0 浏览量 回答数 0

回答

其实就是一个伪类选择器调用方法时可以$( :between)这样调用像jQuery.expr[":"].between=function......应该也是可以的

小旋风柴进 2019-12-02 02:18:44 0 浏览量 回答数 0

回答

:target 是CSS3新增的的突出锚选择器,类似于CSS中的:hover(鼠标移到元素顶部)类型,是一个伪类选择器,代表的是动态状态,无法用于jQuery静态选择。 至于你在console控制台可以使用,是因为你点击了a锚,存在p:target元素。而你静态js代码是初始绑定,当然就拿不到。 正确的做法是:当有锚点触发时,获取:target元素。你可以这样写: $(window).on('hashchange',function(){ $('p:target').css({...}); });

a123456678 2019-12-02 03:08:47 0 浏览量 回答数 0

问题

伪元素&伪类的妙用?

moduletek 2020-09-10 11:48:23 1 浏览量 回答数 1

回答

首先,我要说没必要来实现选择器这种轮子,虽然我不反对造轮子,但选择器这种轮子已经非常成熟了,而且现代浏览器已经内置了选择器。不过如果你坚持还是要继续的话,我可以简单探讨下。顺便说一下,jquery的选择器用的是sizzle,它以前用的是自己写的,不过后来大概也觉得这个轮子没啥意思。。。第一步,解析首先要把你的查询字符串解析成查询链,这个过程简单但是繁杂,因为除了常见的css选择器,还有各种伪类。我们就拿最简单的一个查询来举例子把,我把我们的选择器叫做XX('#header .nav ul');这段代码经过我们的解析后会变成类似这样的结构[{type: 'id', value: 'header'}, {type: 'class', value: 'nav'}, {type: 'tag', value: 'ul'}]OK,这样一个简单的查询链就出来了,理论上我们按照这个顺序一步一步就可以得到期望的结果了。第二步,查询注意,如果你没有用querySelector这个函数,那么基本上就是利用 getElementById, getElementsByName, getElementsByTagName, getElementsByClassName 这几个函数来实现了我们可以把上面查询链的type给映射到具体的操作,类似var handlers = {'id' : function (el, value) { return el.getElementById(value); }, ...};最后,我们遍历这条查询链,根据每个节点的type来查询value,然后把每个节点结果作为下一个查询的el,依此类推注意,以上只是做一个选择器的基本原理,实际情况要复杂的多

a123456678 2019-12-02 02:22:49 0 浏览量 回答数 0

回答

给父元素设置 margin-right: -25px; 即可,不需要 overflow: hidden; 。也可以用 CSS3 的伪类选择器(IE 8 不支持):.child { margin-right: 25px; } .child:nth-child(3n) { margin-right: 0; }前提是你得明确每行放几个,上边假设的是三个。如果想响应式,在设置多个宽度百分比的时候,记得同步修改。

杨冬芳 2019-12-02 02:35:47 0 浏览量 回答数 0

问题

伪类选择器的上级只能写一个吗?

杨冬芳 2019-12-01 19:50:16 761 浏览量 回答数 1

问题

【精品问答】前端面试手册之CSS篇

前端问答 2019-12-01 22:04:46 42 浏览量 回答数 1

回答

CSS3实现圆角(border-radius),阴影(box-shadow),对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform)transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜增加了更多的CSS选择器 多背景 rgba在CSS3中唯一引入的伪类是 ::selection.媒体查询,多栏布局border-image

小柯卡力多 2019-12-02 03:21:56 0 浏览量 回答数 0

问题

【精品问答】前端开发必懂之CSS技术八十问

茶什i 2019-12-01 22:00:52 1642 浏览量 回答数 1

回答

:target 是CSS3新增的的突出锚选择器,类似于CSS中的:hover(鼠标移到元素顶部)类型,是一个伪类选择器,代表的是动态状态,无法用于jQuery静态选择。 至于你在console控制台可以使用,是因为你点击了a锚,存在p:target元素。而你静态js代码是初始绑定,当然就拿不到。 正确的做法是:当有锚点触发时,获取:target元素。你可以这样写: $(window).on('hashchange',function(){ $('p:target').css({...}); }); ######回复 @yunfound : 找到了######回复 @yunfound : 在哪操作?######回复 @徐航 : 记得给最佳答案!!!######解决了,多谢;-)###### $(document).on('click', 'a', function(){   $('p:target').css({...}); }); ######多谢。 不过第一次点击没效,第二次点击时才有效,应该是点击过一次后才能获取到:target。

kun坤 2020-06-09 10:56:10 0 浏览量 回答数 0

问题

【精品问答】前端技术1000个问答

茶什i 2019-12-01 22:05:13 206 浏览量 回答数 0

回答

学SQL语句性能的时候要注意非常重要一点: 不要用程序开发的思维思考数据库!! 在数据库中,SQL语句是一个抽象的概念,而不代表具体的实现。我举一个简单的例子,比如说A表和B表做连接,具体的Loop Join实现逻辑的伪代码为: for each row in t1 matching range { for each row in t2 matching reference key { for each row in t3 { if row satisfies join conditions, send to client } } } 而写SQL语句的时候,仅仅需要写select * from a inner join b on a.clo1=b.col2,该SQL语句仅仅写了你希望获得的结果,而没有写任何实现逻辑,因此SQL是无关实现的、抽象的。 那么具体如何执行在关系数据库中都有一个所谓的“优化器”实现,现代关系数据库的优化器是基于成本选择具体执行步骤(执行计划)的。因此妨碍优化器选择最优执行计划的SQL就不是好SQL。 首先提一下楼主举出文章的几点观点,我一个个纠正: 1. 选择最有效率的表名顺序。 这肯定是不对的,SQL优化器不会关心写表时,哪个表在前,哪个表在后,再次强调,SQL是抽象的、无关实现的。该语句在逻辑优化阶段优化器会自动选择最优的计划。 2. WHERE子句中的连接顺序 同上。 3. SELECT子句中避免使用 ‘ * ‘ 这一句话是正确的,但文章中提到: “实际上,在解析的过程中, 会将’’ 依次转换成所有的列名, 这个工作是通过查询数据字典完成的, 这意味着将耗费更多的时间.” 这种理解是错误的,解析号的成本几乎可以忽略不计。而更多的成本在于如下: 读取多余的列可能导致索引的书签查找,当读取条目多时会无法使用特定索引。 如果select 作用于表连接,可能造成更大的成本开销。 4. 计算记录条数 文章提到:count() 比count(1)稍快 这属于以讹传讹了,count()函数是聚合函数,指的是计算count()中所有非null的条目,count(1)和count(*)都是常量,意味着计算所有非空列。想象一下select 1 from 表,表中有10行的话就会返回10个1。count()同理,默认一般RDBMS会选择最窄的非Null列上的索引去统计具体条数。 5. 使用表的别名(Alias) 文中提到使用别名减少解析时间,我只能评论太有想象力了。 6. 用Where子句替换HAVING子句 这点的说法不合适,where和having是完全不同的子句,having的价值是使用聚合函数作为筛选条件中的一部分。没有谁替代谁一说。 那什么样的SQL语句是不好的语句呢: 那就是妨碍优化器更好的实现执行逻辑的SQL语句,这类语句包括: 1.where条件里出现各种花样百出的代码,比如函数、运算等。 2.语句过大,大量的表join会导致中间结果集不准确,从而限制优化器选择较好的执行计划。 等等......... 所以尝试尽量think like query optimizer,而不是think like programmer

茶什i 2020-01-13 11:47:16 0 浏览量 回答数 0

回答

浮动(float)是 CSS 定位属性。浮动元素从网页的正常流动中移出,但是保持了部分的流动性,会影响其他元素的定位(比如文字会围绕着浮动元素)。这一点与绝对定位不同,绝对定位的元素完全从文档流中脱离。 CSS 的clear属性通过使用left、right、both,让该元素向下移动(清除浮动)到浮动元素下面。 如果父元素只包含浮动元素,那么该父元素的高度将塌缩为 0。我们可以通过清除(clear)从浮动元素后到父元素关闭前之间的浮动来修复这个问题。 有一种 hack 的方法,是自定义一个.clearfix类,利用伪元素选择器::after清除浮动。另外还有一些方法,比如添加空的 和设置浮动元素父元素的overflow属性。与这些方法不同的是,clearfix方法,只需要给父元素添加一个类,定义如下: .clearfix::after { content: ""; display: block; clear: both; } 值得一提的是,把父元素属性设置为overflow: auto或overflow: hidden,会使其内部的子元素形成块格式化上下文(Block Formatting Context),并且父元素会扩张自己,使其能够包围它的子元素。

茶什i 2019-12-02 03:17:03 0 浏览量 回答数 0

问题

求教 如何使非父子关系的元素也可以使用nth

杨冬芳 2019-12-01 19:54:44 905 浏览量 回答数 1

问题

前端面试经典题目合集

小柯卡力多 2019-12-01 22:06:33 14 浏览量 回答数 0

问题

移动测试里名词解释都有哪些?

猫饭先生 2019-12-01 20:55:34 807 浏览量 回答数 0
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 企业信息查询 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 2020阿里巴巴研发效能峰会 企业建站模板 云效成长地图 高端建站