css定义超级链接样式的伪类选择器 css复合选择器有哪三种 – CSS – 前端 css获取元素坐标

2、id选择器 #id属性值{ }

3、类选择器 .class属性值{ }

4、选择器分组(并集选择器)

作用：通过它可以同时选中多个选择器对应的元素(通常用于集体声明)

语法：选择器1，选择器2，选择器n{ }

5、复合选择器(交集选择器)

作用：选择更准确更精细的目标元素并为其设置属性

语法：选择器1选择器2选择器n{ }

!注意选择器之间不能有空格，要紧挨在一起

6、通配选择器

作用：用来选中页面中所有的元素

语法：*{ }

7、后代元素选择器

作用：选中指定元素的指定后代元素

语法：祖先元素 后代元素{ }

8、子元素选择器

作用：选中指定父元素的子元素

语法：父元素>子元素

9、伪类选择器

伪类表示元素的一种特殊状态

:hover 移入时元素的状态

:visited 已被访问过后的元素的状态

:active 被点击时元素的状态

10、 属性选择器

作用：根据元素中的属性或属性值来选取指定元素

语法：[属性名]选取含有指定属性的元素

? [属性名=“属性值”]选取含指定属性值的元素

? [属性名^="属性值"] 选取属性值以指定内容开头的元素

? [属性名$="属性值"] 选取属性值以指定内容结尾的元素

? [属性名*="属性值"] 选取属性值包含指定内容的元素

11、兄弟元素选择器

+选择器

作用：选中一个元素后紧挨着的指定的兄弟元素

语法：前一个+后一个(作用在后一个)

~选择器

作用：选中后边所有的制定兄弟元素

语法：前一个~后边所有

@ 伪类选择器和伪元素选择器的区别？

伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。

@ CSS的类选择器和id选择器各有什么优势？

ID用于标识页面上的特定元素（比如站点导航），而且必须是唯一的。 ID也可以用来标识持久的结构性元素，例如主导航或内容区域。ID还可以用来标识一次性元素，例如某个链接或表单元素。一个ID只能应用于页面上的一个元素。

class同一个类名可以应用于页面上任意多个元素，因此类的功能强大的多。类非常适合表示内容的类型或其他相似的条目。

在实际开发中，要根据实际使用情况来决定是使用哪种样式。对于单一元素的在单一界面的展示样式可以推荐是用id来定位。多余多个界面公用，或者同一界面多个元素风格一致，样式统一使用class类要方便的多。

下面就是最简单的一个小例子：

展示效果：

@ css超链接文字背景怎么设置？

css超链接底色的设置方法：首先创建一个HTML示例文件；然后通过对超链接添加css样式属性为“a:link {color:#FF0000;}a:visited {color:#00FF00;}”来设置底色即可。

能够设置链接样式的 CSS 属性有很多种（例如 color, font-family, background 等等）。链接的特殊性在于能够根据它们所处的状态来设置它们的样式。

CSS中a标签4种特有属性：

1.a:link （加入样式后表示：在某超链接未被访问时的样式）

2.a:visited （加入样式后表示：在被访问后刷新界面超链接的样式）

3.a:hover （加入样式后表示：在鼠标悬停时超链接的样式）

4.a:active （加入样式后表示：在鼠标点击的那一瞬间超链接的样式）

大家可以使用这4种属性来设置超链接的底色。需要注意的是这4种表述在描述时可以不全写但绝不能有顺序的颠倒。