详解CSS选择器的分类

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

需要这些哦
电脑
前端编纂器(Dreamweaver或者sublime)
根基选择器1一、标签选择器:选择给哪个标签加样式 , 主动指标的目的该标签 , 语法:标签选择器名{ 属性:属性值;   } 。

详解CSS选择器的分类

文章插图

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

详解CSS选择器的分类

文章插图

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

详解CSS选择器的分类

文章插图

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

详解CSS选择器的分类

文章插图

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

详解CSS选择器的分类

文章插图

详解CSS选择器的分类

文章插图

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

详解CSS选择器的分类

文章插图

详解CSS选择器的分类

文章插图

3【详解CSS选择器的分类】三、子元素选择器 :给html标签的子标签加样式 。 格局:选择器>选择器{属性:属性值;  } 。

详解CSS选择器的分类

文章插图

注重事项标签选择器不消引用 , 把样式主动套到对应的标签 , 所有的对应标签都加上该样式
注重css语法 , 语法错误的话 , 样式会乱

以上内容就是详解CSS选择器的分类的内容啦 , 希望对你有所帮助哦!

    推荐阅读