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属性》。

转载时需注明来源!首发网站:如乐建站之家;原文网址:
https://www.rulejianzhan.com/css/7908.html
如乐建站之家创始人——范如乐:

如乐建站之家创始人范如乐      【如乐建站之家】由范如乐于2013年创建至今,立志于解决新手不会快速自己建网站的痛苦,让你也能零基础快速学会自己建网站!详细教程点击下图:




热门文章: