html、css、js入门-8：CSS选择器

CSS的用法: 选择器对应样式

CSS 选择器

元素选择器

   . html 文档的元素就是选择器
       -- 比如 <p>、<h1> 等

     html {color:black;}
     h1   {color:blue;}
     h2   {color:silver;}

类选择器

    . 语法为:  .className {color:red;}

扫描二维码关注公众号，回复： 8834639 查看本文章

       .myclass
       {    <!--声明一个样式类-->
            background-color:Pink;
            font-size:35pt;
        }

      <!--将元素的 class 属性的值设置为样式类的名称-->

        <h2 class="myClass">h2中的文本</h2>
        <p class="myClass">段落中的文本</p>

分类选择器

   .   将类选择器和元素选择器结合起来使用，以实现对某种元素中不同样式的细分控制

   .   语法为: 元素选择器 .className{}

      p.important{
          color:red;
          font-size:20pt;
        }
     
            <!--只有<p>元素使用样式-->
    
     <h2 class="important"