站长必读

您的位置:首页 > IT资讯_互联网资讯 > 网站建设_营销网站建设_网站制作与开发  >   CSS选择器基础知识汇总,入门小白也能轻松掌握!

CSS选择器基础知识汇总,入门小白也能轻松掌握!

发表日期:2019-04-09 17:05:23 文章编辑:常桉网络建站公司 浏览次数:324

CSS选择器基础知识汇总,入门小白也能轻松掌握!》由【深圳网站建设公司】于2019年49日整理发布!MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

css(样式层叠表)作为一种样式语言,不但可以让html表现的更完美,还可以让我们的工作更有趣,但同时也需要考虑它的优先级关系,很多入门小白都不知道怎么用,只要掌握常用选择器的特点和不同的用法,操作起来也是非常的方便。MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

css选择器MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

CSS选择器效率从高到低的排序如下:MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

1. id选择器(#myid)MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

id选择器使用“#”进行标识,后面紧跟id名,也就是HTML元素的id属性值id值是唯一的,只能对应于文档中某一个具体的元素。MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

2.类选择器(.myclassname)MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

类选择器使用“.”(英文点号)进行标识,后面紧跟类名MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

3.标签选择器(div,h1,p)MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

4.后代选择器(li a)MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

用来选择元素或元素组的后代,它的写法是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就成为外层标签的后代。MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

5.通配符选择器(*)MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

通配符 选择器用“*”号表示,他是所有选择器中作用范围最广的,能匹配页面中所有的元素。MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

6.伪类选择器(a:hover, li:nth-child)MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

伪类选择器用于向某些选择器添加特殊的效果MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

一般而言,选择器越特殊,它的优先级越高,它指向的越准确,优先级也就相对的越高。通常我们用1表示标签名选择器的优先级,用10表示类选择器的优先级,用100标示ID选择器的优先级。MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

类选择器MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

什么情况下使用什么选择器,用不同选择器的原则是:MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

1、准确的选到要控制的标签;MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

2、使用最合理优先级的选择器;MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

3、HTML和CSS代码尽量简洁美观。MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

通常:MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

①最常用的选择器是类选择器。MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

②li、td、dd等经常大量连续出现,并且样式相同或者相类似的标签,我们采用类选择器跟标签名选择器结合的后代选择器 .xx li/td/dd {} 的方式选择。MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

③极少的情况下会用ID选择器,当然很多前端开发人员喜欢header,footer,banner,conntent设置成ID选择器的,因为相同的样式在一个页面里不可能有第二次。MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

选择器的种类虽然很多,但从使用的角度来看,只要摸清它的规律和法则,还是比较好理解的,当有了一些经验后,很容易看出一个选择器比起另一个选择器特殊性是高还是低编写CSS时应该小心,如果没有必要,不要创建高特殊性的选择器。MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

以上内容原创整理编辑,转载请注明:深圳网站建设公司>>http://www.changanseo.com/indexnews/jz/1381.htmlMIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

MIf深圳网站建设_营销型网站建设_网页设计制作及小程序开发-常桉网络建网站公司

标签:网站建设

热门标签

  • 低价透明 低价透明 统一报价,无隐形消费
  • 金牌服务 金牌服务 一对一专属顾问7*24小时金牌服务
  • 准时保质 准时保质 完善制作流程,准时交付
  • 售后无忧 售后无忧 网上追踪,全程跟进

深圳常桉网络是一家专注于深圳网站建设、网页设计制作与开发、营销型网站建设、微信公众号开发、深圳小程序开发、APP开发、网站seo优化等技术+策划+网络营销推广解决方案的综合型网站建设公司。致力于为企事业单位提供一站式、全方位整合网络品牌服务。是当前国内少数拥有移动端、pc端开发、策划、推广一体化服务经验的领先移动互联网营销咨询公司。我们目前直接服务的企业包括酷派手机、金蝶明珠会、华润万家、便利云街、趣垦教育、凯琳斯蒂、韩后、虎都男装等知名企业以及宝安地税、福田地税政府微信定制技术开发。

联系方式

    电话:158-2048-4986(何经理)

    地址:深圳市龙岗区横岗街道力嘉路108号2013文化创客园B栋403

    网址:www.changanseo.com

    邮箱:hejunsheng126@qq.com

常桉网络小程序 常桉网络小程序

常桉网络微信号 常桉网络微信号

Copyright © 2017-2019版权所有. 网站建设,小程序开发就找深圳常桉网络,为您提供优质网络服务!  网站建设地图  网站制作地图  粤ICP备16024877号

 
QQ在线咨询
何经理
15820484986