当前位置:首页 > 开发 > 互联网 > 正文

CSS学习笔记——选择器

发表于: 2015-08-24   作者:Shbdc   来源:转载   浏览:
摘要: 选择器当我们定义一条样式规则时候,这条样式规则会作用于网页当中的某些元素,而我们的规定的这些元素的规则就叫做选择器。常用的选择器:1、id选择器#idname2、类选择器.classname3、标签选择器tagname4、交叉选择器tagname.classnametagname#idname5、群组选择器多个选择器用“,”隔开6、后代选择器(包含选择器)父级和子级用空格隔开7、通用选择器*{} 

选择器

  当我们定义一条样式规则时候,这条样式规则会作用于网页当中的某些元素,而我们的规定的这些元素的规则就叫做选择器。

  

常用的选择器:

  1、id选择器  #idname

  2、类选择器  .classname

  3、标签选择器  tagname

  4、交叉选择器  tagname.classname  tagname#idname

  5、群组选择器  多个选择器用“,”隔开

  6、后代选择器(包含选择器)  父级和子级用空格隔开

  7、通用选择器  * {}

 

CSS选择器优先级示意图  

  所谓的优先级,指的就是哪条样式规则会最后作用于指定的元素,他只
遵循一条规则,指定的越具体优先级越高

  优先级由高到低:行内样式

          交叉选择器

          id选择器

          类型选择器

          标签选择器

          *通配符

          浏览器对标记预定义的样式

          继承的样式

 

后代级别选择器

CSS学习笔记——选择器_第1张图片

 

同辈级别选择器

 CSS学习笔记——选择器_第2张图片

伪类选择器

 CSS学习笔记——选择器_第3张图片

属性选择器

 CSS学习笔记——选择器_第4张图片

UI伪类选择器

CSS学习笔记——选择器_第5张图片

CSS学习笔记——选择器

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号