北京沣登科技发展公司

css伪类选择器用途,css伪类选择器实例

大家好,今天小编关注到一个比较意思的话题,就是关于css伪类选择器用途的问题,于是小编就整理了4个相关介绍CSS伪类选择器用途的解答,让我们一起看看吧。

  1. css选择器识别范围?
  2. css3新增功能?
  3. 伪dom是什么意思啊?
  4. CSS选择器first-child,当元素为第二个的时候,怎么处理?

css选择器识别范围?

css选择器优先级核心:每个选择器本身有优先级,作用范围越具体优先级越高。

CSS优先级从高到低分别是:

css伪类选择器用途,css伪类选择器实例div>
图片来源网络,侵删)

1.在属性后面使用 !important 会覆盖页面内任何位置定义元素样式

2.作为style属性写在元素标签上的内联样式

3.id选择器

css伪类选择器用途,css伪类选择器实例
(图片来源网络,侵删)

4.类选择器

5.伪类选择器

6.属性选择器

css伪类选择器用途,css伪类选择器实例
(图片来源网络,侵删)

7.标签选择器

8.通配符选择器

css3新增功能

1、css3新增的超级选择器:属性选择器、结构性伪类选择器、UI元素状态伪类选择器、通用兄弟元素选择器

2、使用选择器在页面中插入文字、图片、项目编号等内容

3、文字阴影自动换行

4、各类盒模型:总体分为block类型和in line类型,在细分为inline-block类型、inline-table类型、list-item类型、run-in类型、compact类型、表格相关类型、none类型

5、盒模型相关的属性:overflow属性(内容溢出)、box-shadow属性(盒阴影)、box-sizing属性(宽高计算

6、新增的背景样式backround-clip属性、backround-origin属性、backround-size属性、backround-break属性

7、新增的边框样式:border-radius属性(圆角边框)、border-image属性(图片边框)

8、新增的 transform变形功能:rotate(旋转)、scale(缩放)、skew(倾斜)、translate(移动

9、新增的动画功能:transition平滑过渡)、animation(关键帧)

10、布局相关样式:多栏布局、盒布局、弹性盒布局

dom什么意思啊?

“伪DOM自定义事件”是自己定义的一个名词,用来区分DOM自定义***的。例如jQuery库,其是基于包装器(一个包含DOM元素的中间层)扩展***的,既与DOM相关,又不直接是DOM,因此,称之为“伪DOM自定义***”。

virtual DOM 虚拟DOM,用普通js对象来描述DOM结构,因为不是真实DOM,所以称之为虚拟DOM。

虚拟 dom 是相对浏览器渲染出来的真实 dom而言的,在react,vue技术出现之前,我们要改变页面展示的内容只能通过遍历查询 dom 树的方式找到需要修改的 dom 然后修改样式行为或者结构,来达到更新 ui 的目的。

CSS选择器first-child,当元素为第二个的时候怎么处理

.content[data-role=page]:nth-child(2){} 使用:first-child伪类时一定要保证前面没有兄弟节点,你前面有个content所以会失效

1

2

3

你把这里的span去掉和加上再看效果 就明白了

到此,以上就是小编对于css伪类选择器用途的问题就介绍到这了,希望介绍关于css伪类选择器用途的4点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/66002.html

分享:
扫描分享到社交APP