html中css标签选择器有哪些类别?

html中css标签选择器有哪些类别?分为五类,分别是:简单选择器、组合器选择器、伪类选择器、伪元素选择器、属性选择器。它们之间的区别和用法如下:

简单选择器(根据名称、id、类来选取元素)

组合器选择器(根据它们之间的特定关系来选取元素)

伪类选择器(根据特定状态选取元素)

伪元素选择器(选取元素的一部分并设置其样式)

属性选择器(根据属性或属性值来选取元素)

这五类css选择器的用法展开来讲又分为好多种使用场景,而且越来越复杂,新手同学前期学会简单的五种用法即可:CSS 元素选择器、CSS id 选择器、CSS 类选择器、CSS 通用选择器、CSS 分组选择器。

CSS 元素选择器:

元素选择器就是根据元素名称来选择 HTML 元素,比如h1标签、p标签、img标签等等,这个用法在《css如何写?写在html哪里?》一文中3个写法中举例讲解过,如乐老师在这里就不重复了。

CSS id 选择器:

id 选择器使用 HTML 元素的 id 属性来选择特定元素,这个id你可以自己命名,但是不能以数字开头,而且元素的 id 在页面中是唯一的,因此 id 选择器用于选择一个唯一的元素!详情点击:《css id选择器怎么用?》。

CSS 类选择器:

类选择器选择有特定 class 属性的 HTML 元素,类选择器允许以一种独立于文档元素的方式来指定样式,类选择器可以单独使用,也可以与其他元素结合使用,以英文句号”.” 来定义,详情点击:《CSS 类选择器怎么用?》。

CSS*通用选择器:

通用选择器以英文小写符号*定义,可以选择页面上所有的 HTML 元素,也就是说页面上的每个元素都会受到样式的影响,详情点击:《CSS*通用选择器的写法》。

CSS 分组选择器:

分组选择器选取所有具有相同样式定义的 HTML 元素,用英文小写逗号的 , 来分隔每个选择器,详情点击:《css分组选择器的定义方式是怎么样的?》。

学会了选择元素后,接着就要学如何改变这些元素。不同的元素有不同的属性,给不同的元素添加不同的属性,就可以改变这些元素的显示效果,下一节,我们从最简单的字体开始学,详情点击:《css怎么设置字体样式?使用font-family属性》。

转载时请注明来源!首发:如乐建站之家
原文链接:
http://www.rulejianzhan.com/css/7908.html

作者如乐老师  如乐老师的QQ:349142701

  如乐老师的微信:349142701

  如乐老师的电话:13189611692

如果你有时间和精力自学,没必要找我帮你建网站,因为我写了快速建站教程,点击下图学习:



鼓励 知识小手