大家好,今天小编关注到一个比较有意思的话题,就是关于css伪类兼容的问题,于是小编就整理了3个相关介绍CSS伪类兼容的解答,让我们一起看看吧。
- CSS选择器first-child,当元素为第二个的时候,怎么处理?
- 伪类和伪元素的区别?
- 伪类选择器hover的使用?
CSS选择器first-child,当元素为第二个的时候,怎么处理?
.content[data-role=page]:nth-child(2){} 使用:first-child伪类时一定要保证前面没有兄弟节点,你前面有个content所以会失效
1
div>
2
3
你把这里的
span去掉和加上再看
效果 就明白了
伪类和伪元素的区别?
一是定义不同
伪元素:用于创建一些不存在文档树的元素,并为其添加样式;比如我们可以通过:before在一个元素前增加一些文本并为其添加样式;用户可以看到这些样式,但其并不存在于文档树中
伪类:用于当某个元素处于某个状态时为其添加样式,这个状态是根据用户状态变化的;比如当鼠标悬停时我们通过:hover来描述这个元素的状态;它虽和css类似,但只有处于dom树无法描述的状态时才能为其添加样式
二是特点不同
伪类是操作处于文档树中的元素
伪元素是创建一个文档树之外的元素
伪类选择器hover的使用?
定义和用法:hover 选择器用于选择鼠标指针浮动在上面的元素。提示::hover 选择器可用于所有元素,不只是链接。提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active 选择器用于活动链接。注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。代码效果测试:
请把鼠标指针移动到这些链接上。
这个链接改变颜色。
这个链接改变字体大小。
这个链接改变背景色。
这个链接改变字体。
这个链接会出现下划线。
到此,以上就是小编对于css伪类兼容的问题就介绍到这了,希望介绍关于css伪类兼容的3点解答对大家有用。
[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/34655.html
相关推荐
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css根据父元素固定定位的问题,于是小编就整理了3个相关介绍css根据父元素固定定位的解答,让我们一起看看吧。css如何让文字显示在图片上居中?html中怎么设置div的位置?html中的...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于使用css选择器制作表格的问题,于是小编就整理了2个相关介绍使用css选择器制作表格的解答,让我们一起看看吧。制表如何把表格统一大小?怎么将网页上的表格下载下来?制表如何把表格统一大小?使...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于html父页面的问题,于是小编就整理了2个相关介绍html父页面的解答,让我们一起看看吧。html怎么定位的?在html中怎样在新窗口打开新的页面?html怎么定位的?以我七年web前端页...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css3从左往右进入动画的问题,于是小编就整理了5个相关介绍css3从左往右进入动画的解答,让我们一起看看吧。css3怎么实现高度从固定到自动的过渡动画?图片左右移动效果如何做?css怎么...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于html中dom的问题,于是小编就整理了3个相关介绍html中dom的解答,让我们一起看看吧。htmldom是什么?html元素和dom元素区别?DOM是什么?htmldom是什么?H...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于JavaScript数组取整的问题,于是小编就整理了4个相关介绍JavaScript数组取整的解答,让我们一起看看吧。JavaScript中如何高效删除数组中的某个元素?js数组put方法...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于javascript做表单验证的问题,于是小编就整理了3个相关介绍javascript做表单验证的解答,让我们一起看看吧。html表单数据验证方式?html表单验证的方式有哪几种?Angu...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于用css样式表示向右滚动的问题,于是小编就整理了4个相关介绍用css样式表示向右滚动的解答,让我们一起看看吧。css向右浮动要怎样调整位置?html如何将图片右移?html如何将图片右移?...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于javascript中删除元素的问题,于是小编就整理了4个相关介绍javascript中删除元素的解答,让我们一起看看吧。js实现动态添加删除html元素?js怎么把数组去除最后一个字母?...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于CSS命名不推荐下划线的问题,于是小编就整理了2个相关介绍CSS命名不推荐下划线的解答,让我们一起看看吧。css里怎么使得文字的下划线是虚线啊?编写一个CSS,要求页面内所有超级链接都没有...