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

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

    震惊

    震惊

编辑推荐
选择器   当我们定义一条样式规则时候,这条样式规则会作用于网页当中的某些元素,而我们的规定的
选择器   当我们定义一条样式规则时候,这条样式规则会作用于网页当中的某些元素,而我们的规定的
一.摘要 本章讲解jQuery最重要的选择器部分的知识. 有了jQuery的选择器我们几乎可以获取页面上任意
CSS的选择器 最近在研究jQuery的选择器,大家知道jQuery的选择器和css的选择器非常相似,所以整理一
三种基本选择器: 类型选择器:以文档语言对象类型作为选择符,匹配指定的元素。 p {color:red;}
1. 选择器浏览器支持情况 使用CSS选择器时,要考虑到不同浏览器下的支持情况,主要是IE的不同版本。
1、标签选择器 p{ font-size: 12px; background: #900; color: 090; } 2、ID选择器 <style> #
CSS选择器用于选择你想要的元素的样式的模式。 "CSS"列表示在CSS版本的属性定义(CSS1,CSS2,或对C
三列布局(中间自适应): HTML: <div class="left">left</div> <div class="main"
一. CSS3的关系选择器 ① E~F --> 名称:兄弟选择符 解释:CSS3 选择E元素所有兄弟元素F。 <!
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号