对于学习Web前端开发的初学者来说,了解学习比较基本的选择器是非常有必要的。在实际工作中这些选择器也非常常见,能帮助我们在开发中节省不少时间。下面,小编就给大家分享在前端开发中常用的选择器有哪些?
第一种是标签选择器,也成为元素选择器。标签选择器的基本形式如下:tagName{property:value},其中tagName是标签名称,property是css的属性。
第二种是类选择器,类选择器用来为一系列标签定义相同的呈现方式,常用的语法是.classValue{property:value}。其中classValue是类选择器的名称,这是由css编写者自己命名。
第三种是ID选择器,ID选择器定义的是某一个特定的html元素,一个网页中只有一个标签或元素使用某一ID的属性值。ID选择器的基本语法格式如下:
#idValue{property:value}。其中idValue是ID选择器的名称,可以由CSS编写者自己编写。
第四种是全局选择器,全局选择器就是对所有的htmlz元素起作用。语法格式为:*{propery:value}。其中“*”表示对所有元素起作用,property表示css的属性,value表示属性值。
第五种是组合选择器,就是将多种选择器进行搭配,可以构成一种复合选择器,也称为组合选择器。
第六种是继承选择器,继承的规则是子标签在没有定义的情况下,继承父标签的选择器;当子标签重复定义了父标签的声明时,执行子标签选择器。
第七种时伪类选择器,伪类选择器主要应用在标签上,它由四种状态:未访问链接(link)、已访问链接(visited)、激活链接(active)、鼠标停留在连接上(hover)。
以上就是给大家分享的前端开发中7个常用的选择器,希望对大家有帮助哦!
- 2023-05-16 福州中职生毕业后直接就业有哪些优势与劣势 选择中职学校时,一定要知道的三点内容
- 2023-05-16 福州初中毕业生怎么选中专学校 中专、职高和技校之间有什么区别
- 2023-05-16 福州中职美术生和高中美术生有什么区别 中职生入了学籍后还能转学吗
- 2023-05-16 福州成绩差选中专好还是普高好 学习不好,想要中专升大专要怎么学习
- 2023-05-16 福州中考过后,是选择中专还是技校 考不上高中去读中专的高考班,以后可以考公务员吗