站内搜索:
首页 >> 前端 >> 内容
CSS选择样式之CSS3选择器分类讲解

时间:2018/6/7 16:27:17

分类:

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

在head标签内,加入.special{color:biue;}

在行列,比如ul/li/p标签内加入 class="special"

该行列段,将会变成蓝色 。

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

加入新样式时,同样在class标签内,空格写入即可,不用写入新的class标签。

ID选择器:

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

<em>表示斜体。

head标签下,建立style标签,在style下输入#two{color:green;}

在行列段标签内,输入 空格id="two"

同一个HTML文件下,每一个ID都是唯一的,

不能像类选择器(class)一样批量操作。

群组选择器:

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

class和id的值区分大小写!!!!

全局选择器:

CSS选择样式之CSS3选择器分类讲解CSS选择样式之CSS3选择器分类讲解

*代表所有标签

/*p   */  CSS的注解

<! - -     - -> HTML的注解

CSS选择样式之CSS3选择器分类讲解

单独改变一个em标签下的样式,在em标签下使用class标签即可。

CSS选择样式之CSS3选择器分类讲解

后代选择器:

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

CSS选择样式之CSS3选择器分类讲解

  • 上一篇:vue keep-alive设置及缓存实例讲解
  • 下一篇:树形菜单的多选框勾选问题分析及代码实例
  • 返回顶部