5-2 CSS選擇器

CSS選擇器很多，基本可分為六種

1. 標籤選擇器
2. 通用選擇器

   *{
       margin: 0;
       padding: 0;
       border: 0;
       outline: 0;
       vertical-align: baseline;
       background: transparent;
       font-size: 0.75rem;
       font-weight:normal;
       line-height:1.86em;
       word-spacing: 1px;
       letter-spacing: 1px;
   }

3. Class選擇器
4. ID選擇器
5. 屬性選擇器
6. 虛擬類別選擇器(:)

標籤選擇器

使用HTML標籤做為選擇器，可以將HTML文件裡所有相同的標籤套用同一種樣式

div{
font-size: 1rem;color:blue;
}

通用選擇器

使用「*」字元來選擇所有標籤

*{
font-size: 1rem;color:rgb(255, 0, 0);
}

Class選擇器
 

class="page_title"

.page_title {
    border-bottom: 1px solid black;
    text-align: right;
    color: black;
    margin-bottom: 20px;
}

ID選擇器
 

id="main"

#main{
  margin-top: 10px;
  display: flex;
  flex-wrap: nowrap;
}

屬性選擇器

虛擬類別選擇器(:)