CSS 基础教程-108 CSS 类选择器

hrs 提交于 2020/03/19 - 16:18 , 周四

CSS 类选择器:类选择器允许以一种独立于文档元素的方式来指定样式。用"."点号+名称 来指定它。

实例代码:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <style type="text/css">
    .p1{color:green;}
    .p2{color:blue;}
    p{color:red}
    </style>
  </head>
  <body>
    <h3>这是类选择器的实例</h3>
    <p class="p1">这是第一个段落,设置为绿色</p>
    <p class="p2">这是第二个段落,设置为蓝色</p>
    <p>注意:上面这两个字段使用了类选择器</p>

  </body>
</html>

运行效果:

css_108.png

标签