• CSS选择器


      CSS选择器严格来讲,种类可以分为三种:标签名选择器、类选择器和ID选择器。后代选择器和群组选择器等只不过是对前三种选择器的扩展应用。而在标签内写入style=""的方式,应该是CSS的一种引入方式,而不是选择器,因为根本就没有用到选择器。

      三种基本的选择器类型

      语法如下:

      1>  标签名选择器,如:p{},即直接使用HTML标签作为选择器。

      2>  类选择器,如.div1{}。

      3>  ID选择器,如#div1{}。    

      * 注意:

      类选择器:这个方法比较简单灵活,可以随时根据页面需要新建和删除。但需要避免多class综合症。

      ID选择器跟类选择器有很大的不同:一个页面内不能出现相同的ID。这个方法主要用来定义层和那些比较复杂,有多个“唯一后代”的元素。

      扩展选择器

      1>  后代选择器,如.div1 span img{},后代选择器实际上是使用多个选择器加上中间的空格来找到具体的要控制标签。能大大的简化HTML文档,使HTML做到结构化明确,最小的代码实现同样的效果。

      2>  群组选择器,如div1,span,img{},群组选择器实际上是对CSS的一种简化写法,只不过把有相同定义的不同选择器放在一起,省了很多代码。

      3>  伪类选择器,如div1:hover{}

      选择器的优先级

      一般而言,选择器越特殊,它的优先级越高。也就是选择器指向的越准确,它的优先级就越高。通常我们用1表示标签名选择器的优先级,用10表示类选择器的优先级,用100标示ID选择器的优先级。

      由于对CSS的解释是自上而下的,对于一个元素的相同属性描述,放在下面的会覆盖掉位于上面的属性描述,因此我们在对元素的选择中一定要注意书写顺序。

  • 相关阅读:
    面试题58 二叉树的下一个结点
    面试题57 删除链表中重复的结点
    面试题56 链表中环的入口结点
    面试题55 字符流中第一个不重复的字符
    面试题54 表示数值的字符串
    面试题50 树中两个结点的最低公共祖先
    面试题53 正则表达式匹配
    面试题52 构建乘积数组
    面试题51 数组中重复的数字
    Qt链接库出错version Qt_5 not defined
  • 原文地址:https://www.cnblogs.com/ww5v/p/4490980.html
Copyright © 2020-2023  润新知