详解CSS选择器的分类

列位前端初学者们,css是我们最最根本的常识了,那么你们对css选择器的领会有几多呢?选择器是css中很主要的常识,用好了选择器,那么你的css样式将出格标致!

东西/原料

  • 电脑
  • 前端编纂器(Dreamweaver或者sublime)

根基选择器

  1. 1

    一、标签选择器:选择给哪个标签加样式,主动指标的目的该标签,语法:标签选择器名{ 属性:属性值;   }。

  2. 2

    二、类选择器:给一类html标签加样式。语法: 类选择器名{属性:属性值;   },选择器名是本身界说,要起得有意义。

  3. 3

    三、Id选择器:给特心猿意马的html标签加样式。格局:id选择器名{属性:属性值;  },Id选择器用#来暗示。选择器名自界说,要起得有意义。

  4. 4

    四、通用选择器:(*所有)给所有的标签加样式,Html  body p table  ul li ol ….. 给所有的html标签加样式。语法: *{属性:属性值;   }。

复合选择器

  1. 1

    一、多元素选择器:多个标签共有的属性和属性值,放到一路。语法:选择器,选择器,选择器……..{共有的属性:属性值;   }。

  2. 2

    二、儿女元素选择器:给html的儿女标签加样式。语法:选择器1    选择器2  选择器3{属性:属性值;   }。

  3. 3

    三、子元素选择器 :给html标签的子标签加样式。格局:选择器>选择器{属性:属性值;  }。

注重事项

  • 标签选择器不消引用,把样式主动套到对应的标签,所有的对应标签都加上该样式
  • 注重css语法,语法错误的话,样式会乱
  • 发表于 2018-05-04 00:00
  • 阅读 ( 1017 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具