千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > css选择器有哪些?看完你就知道了

css选择器有哪些?看完你就知道了

来源:千锋教育
发布人:syq
时间: 2023-02-10 16:29:00 1676017740

  css选择器是做前端的一个重要工具,在学习前端web创建的时候,这是东西是非常重要的,那么css选择器有哪些?其实作为一个从零基础开始学习,专门转行做前端开发的人来说在,这个知识点是非常重要的,这也是很多培训机构对于实战技术培训的一个重要知识点。

css选择器有哪些

  一些常用的选择器类型

  第一个是标签选择器,这个选择器的结构: 标签名{css属性名:属性值},他的作用:通过标签名,找到页面中所有的这类标签,设置样式,同时我们需要注意:1.标签选择器选择的是一类标签,而不是单独的一个。不过标签选择器无论嵌套关系有多深,都能够找到对应的标签

  第二个就是类选择器,他的结构:类名{css属性名:属性值;},他的作用:通过类名,找到页面中所有的带有这个类名的标签,设置样式。

  除了上面两个选择器之外,还有ID选择器。ID选择器定义的是某一个特定的html元素,一个网页中只有一个标签或元素使用某一ID的属性值。ID选择器的基本语法格式如下:#idValue{property:value}。其中idValue是ID选择器的名称,可以由CSS编写者自己编写。(所有浏览器都支持)

  最后就是全局选择器和复合选择器、全局选择器就是对所有的htmlz元素起作用。语法格式为: *{propery:value}。其中“*”表示对所有元素起作用,property表示css的属性,value表示属性值。

  一些不常用的选择器

  css选择器有哪些?还有一些在开发时候不太经常使用的选择器,就是继承选择器。继承的规则是子标签在没有定义的情况下,继承父标签的选择器;当子标签重复定义了父标签的声明时,执行子标签选择器。伪类选择器。这些在一些专业机构里面,比如千锋教育这些机构里是作为重点知识会讲解的。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT