css3的基本css3内容选择器器有哪几种?

来源：蜘蛛抓取(WebSpider) 时间：2022-12-07 03:04 标签： css3内容选择器



回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数，提交载荷作为第二个参数。

  1. action：和mutation的功能大致相同，不同之处在于 ==》1. Action 提交的是 mutation，而不是直接变更状态。 2. Action 可以包含任意异步操作。回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数，提交载荷作为第二个参数。

get是获得属性的一种方法。 set是设置属性的一种方法。 get负责查询，不带任何参数。 set负责设置，是通过参数的形式传递。 2.get和set的使用方法。

get和set是方法，所以可以进行判断。 get一般是得到，需要返回。 set是创建，不需要返回。 每一个对象都有一个get和set方法。 如果调用的是对象内部的属性，命名格式是变量名前面添加。 3.get和set的定义。

在对象初始化时定义。 在对象定义后定义。

概念：子元素选择器只能选择某元素的子元素

概念：相邻兄弟选择器可以选择紧接在另一个元素后的元素，而且她们具有同一个相同的父元素

概念：选择某元素后面的所有兄弟元素，而且他们具有一个相同的父元素

概念：群组选择器是将具有相同样式的元素分组在一起，每个选择器之间使用逗号“，”隔开

语法格式：元素1，元素2.....，元素n

概念：选择所有带有attribute属性的元素

概念：选择attribute属性包含单词“value”的元素

概念：选择attribute属性值以“value”开头的所有元素

概念：选择attribute属性值以“value”结尾的所有元素

概念：选择attribute属性值包含“value”的所有元素

这些伪类不存在于HTML中，只有当用户和网站交互的时候才能体现出来

我们把css3的:nth选择器也成为CSS3结构类

概念：选择属于其父元素的首个子元素的每个Element元素

概念：选择属于其父元素的最后一个子元素的Element元素

概念：:nth-child(N)选择器匹配属于其父元素的第N个子元素，不论元素的类型

  • Element:nth-child(n) ———— n是一个简单表达式，取值从”0“开始计算。这里只能是"n"，不能是其他字母代替

概念：匹配属于其元素的第N个子元素的每个元素，不论元素的类型，从最后一个子元素开始计数

概念：匹配属于父元素的特定类型的第N个子元素的每个元素，从最后一个子元素开始计数

概念：:last-of-type 选择器匹配属于其父元素的特定类型的最后一个子元素的每个元素

概念：:only-child 选择器匹配属于其父元素的唯一子元素的每个元素

概念：:only-of-type 选择器匹配属于其父元素的特定类型的唯一子元素的每个元素

概念：:empty 选择器匹配没有子元素（包括文本节点）的每个元素

概念：根据”first-line“伪元素中的样式对element元素的第一行文本进行格式化

说明：”first-line“伪元素只能用于块级元素

概念：用于向文本的首字母设置特殊样式

说明：”first-letter“伪元素只能用于块级元素

概念：在元素的内容前面插入新内容

说明：常用content配合使用

  • 标签中找不到对应的标签

概念：在元素的内容后面插入新内容

说明：常用content配合使用，多用于清除浮动

概念：用于设置在浏览器中选中文本后的背景与前景色

当很多规则被应用到某一个元素上时，权重是一个决定那种规则生效，或者是优先级的过程

行内样式（1000）>ID选择器（100）> 类、属性选择器和伪类选择器（10）> 元素和伪元素（1）> *（0）

从0开始，一个行内样式+1000，一个ID+100，一个属性选择器、class或者伪类选择器+10，一个元素名或者伪元素+1


在CSS3中，通配选择器使用下面的格式进行书写：

这表明你选择了文档中所有的HTML元素，并且内外边距都设置为0px。

在实际使用中还有另一种通配选择器的书写方式：

这代表着你选择了id为div1下面的所有HTML元素

每一个HTML标签都可称作为HTML元素，如<body>是元素body，那么元素选择器可以写作以下方式：

这里明确的选择了body标签，并把背景颜色设置为RGB为#D4D4D4的颜色

同样选择某焦点下的元素也可写作：

这里表示我们选择id为div1下所有span元素的背景颜色都为#FA8072

3、ID选择器（#）与类选择器（.）

这两个是十分常用的的CSS3选择器，区别在于：类选择器在一个页面可以有个多个相同的类名，而ID选择器器ID值在整个页面中是唯一的一个

当多个选择器共同使用一段样式时，我们可以通过群组选择器使多个选择器共享样式

我要回帖

更多关于 css3内容选择器 的文章

 

随机推荐