CSS类选择器class学习

<style>
  .one {color: #ff0000 ;}
  .two {color: green;}
</style>

 <p class ="one">class选择1</p>
   <p class="two"> calsss的22</p>
 <p class ="one">class选择1</p>

class选择1

calsss的22

class选择1

---

<style>
   p{color:blue;}
  .special {color: red;}
</style>
<p class="special"> 选择器与标记</p>
<p>默认效果</p>

选择器与标记

默认效果 

---

<style  > 
 #one{    font-weight:bold;        /* 粗体 */}
 #two{    font-size:30px;          /* 字体大小 */  color:#009900;     /* 颜色 */} 
</style>
 
    <p id="one">ID选择器1</p>
    <p id="two">ID选择器2</p>

ID选择器1

ID选择器2

---

<style > 
  h1, h2, h3, p{            /* 集体声明 */
    color:purple;                /* 文字颜色 */
    font-size:15px;                /* 字体大小 */
</style>
 
    <h1>集体声明h1</h1>
    <h2>集体声明h2</h2>
    <h3>集体声明h3</h3>
    <p>集体声明p1</p>

集体声明h1

集体声明h2

集体声明h3

集体声明p1