美文网首页
css选择器

css选择器

作者: 余亚伟_强化班 | 来源:发表于2019-08-18 17:34 被阅读0次

1.  类选择器:类选择器根据类名来选择 前面以”.”来标志,元素可定义一个class的属性

语法: .属性名{属性1:属性值1;属性2:属性值2}

2. 标签选择器:一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样式

3. id选择器:前面以 # 号来标志,根据元素ID来选择元素,可以定义一个id属性,id选择器具有唯一性。

语法:#属性名{属性1:属性值1;属性2:属性值2}

注:id名称不允许相同。

弊端:只能用于一个标签上,浪费资源。

4. 组选择器:针对多个样式,有同名的,有相同的样式设置就可以把它抽取出来写在一起——代码封装

语法:#属性名,属性名{属性1:属性值1;属性2:属性值2}

5. 伪类选择器:定义的是一种状态。常用的伪类选择器有hover,表示鼠标悬停在元素上时的状态。常用在连接的地方

语法:.属性名:hover{属性1:属性值1;属性2:属性值2}

   .属性名:{属性1:属性值1;属性2:属性值2}

6. 通用选择器:通用选择器用*来表示。

语法:*{属性1:属性值1;属性2:属性值2}

相关文章

  • CSS选择器

    CSS 元素选择器CSS 选择器分组CSS 类选择器详解CSS ID 选择器详解CSS 属性选择器详解CSS 后代...

  • CSS选择器

    目录: CSS派生选择器 CSS元素选择器 CSS Id 和 Class选择器 CSS 属性选择器 CSS 派生选...

  • css选择器

    css选择器】 1.css属性选择器 2.css伪类选择器 3.css层次选择器

  • CSS 选择器

    CSS 选择器 CSS 基本选择器及其扩展 CSS 基本选择器 通配符选择器 * 元素选择器 使用标签的名称...

  • Sublime 学习web的css

    html + css + js css引用 css外部样式 css优先级 css的选择器 标签选择器 类选择器 i...

  • CSS选择器

    CSS选择器的作用 CSS 选择器用于定位我们想要给予样式的 HTML 元素。 CSS选择器的类型 CSS选择器大...

  • JQuery CSS选择器

    CSS普通选择器 选择器函数 CSS伪类选择器

  • CSS-选择器1-概述

    CSS选择器-系列文章 CSS选择器-系列文章下一节 CSS选择器2-类选择器CSS3参考手册

  • CSS选择器、优先级以及!important知识总结

    一、CSS选择器 关于CSS选择器,首先请看这里:CSS 选择器参考手册 通过以上,我们可以将CSS选择器分为以下...

  • CSS

    CSS规则 at 规则 CSS选择器 CSS选择器 继承与层叠 继承与层叠 CSS 属性 CSS 属性 CSS值 ...

网友评论

      本文标题:css选择器

      本文链接:https://www.haomeiwen.com/subject/aixdsctx.html