美文网首页
CSS-选择器2-类选择器

CSS-选择器2-类选择器

作者: Java小工匠 | 来源:发表于2017-06-11 15:33 被阅读0次

CSS选择器-系列文章

1、类选择器

根据class选择元素。

2、效果演示

源代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>类选择器</title>
    <style type="text/css">
        .cls1{
            color: red;
        }
    </style>
</head>
<body>
    <div class="cls1">div1</div>
    <div class="cls2">div2</div>
    <div class="cls3">div3</div>
</body>
</html>

运行效果

image.png
CSS选择器-系列文章
下一节 CSS选择器3-ID选择器

相关文章

  • CSS-选择器1-概述

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

  • CSS-选择器2-类选择器

    CSS选择器-系列文章 1、类选择器 根据class选择元素。 2、效果演示 源代码 运行效果

  • CSS3选择器

    1CSS选择器的分类 基本选择器 层次选择器 伪类选择器 动态伪类选择器 目标伪类选择器 语言伪类选择器 UI元素...

  • css选择器

    目录 1、元素选择器2、选择器分组3、类选择器结合元素选择器使用:多类选择器4、ID选择器ID选择器和类选择器的区...

  • CSS选择器

    通用选择器 元素选择器 类选择器 ID选择器 群组选择器 后代选择器 子代选择器 伪类选择器 通用选择器 元素选择...

  • 「CSS 」选择器

    选择器简单选择器标签选择器类选择器id 选择器通配符选择器属性选择器伪类选择器其他选择器伪元素选择器组合选择器选择...

  • CSS 选择器

    CSS选择器的概念 标签选择器 类选择器 ID选择器 类选择器与ID选择器的区别 子代选择器 后代选择器 子选择器...

  • CSS的优先级

    内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 元素(类型)选择器 = 伪元素选择器

  • CSS-常用选择器

    常用选择器 子代和父代选择器 伪类选择器 伪元素 属性选择器 孩子选择器 兄弟选择器 否定伪类 优先选择器 a的伪类

  • css选择器

    一、CSS选择器常见的有几种? *选择器 id选择器 类选择器 标签选择器 属性选择器 组合选择器 伪类选择器 二...

网友评论

      本文标题:CSS-选择器2-类选择器

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