首页 > 技术文章 > CSS选择符

zhangchaoran 2017-05-30 13:16 原文

群选择符:可以对一组对象进行相同的样式指派。

    h1,h2,h3,p,span{

      font-size:12px;

      font-family:"宋体";

    }

    使用逗号对选择符进行分隔,使得页面所有的h1、h2、h3、p、span均具有相同的样式定义,这样做的好处是使页面中需要使用相同样式的地方

  只需要书写一次样式表即可实现,减少代码量,改善了CSS代码的结构。

派生选择符:

    h1 span{

      font-weight:bold;

    }

    当只想对某一个对象中的“子”对象进行样式指定时,派生选择符就派上了用场。派生选择符指选择符组合中的前一个对象包含后一个对象

  对象之间使用空格作为分隔符。

    这样做能避免过多的id及class的设置,直接对需要设置的元素进行设置。(可以多级)

id选择符:

    <div id="top"></div>    //每个id名称只能使用一次

    在CSS样式中,id选择符使用#进行标识:

      #top{

        font-size:14px;

        line-height:130%;    <!--设置行间距-->

      }

    id的基本作用是对每一个页面中唯一出现的元素进行定义,如可以将导航条命名为 nav,将网页头部和底部命名为 header 和 footer 。

  有助于代码阅读及使用。

类别选择符:

    用类选择符能够把相同的元素分类定义为不同的样式,在定义类选择符时,需在自定类的名称前面加一个点号。

    .right{

      text-align:right;

    }

推荐阅读