[13th-铁人赛]Day 5:Modern CSS 超详细新手攻略 - Selector (一)

今天再来深度研究一下CSS的语法!我要介绍的是CSS中的选择器，选择器是最重要的语法之一，决定了要改变样式的到底是哪些元素，先从基本选择器开始!

基本选择器

1. Type selector
   这个可以视为是标签选择器，如果放了h1就是同时改变所有的h1元素

2. Class selector
   类别选择器，透过html赋予的class类别来改变样式，较推荐这种写法，class也可以同时选到多个元素

3. ID selecor
   ID选择器，透过html赋予的ID来改变样式，因权重问题较不推荐该写法，之後会有权重主题详细说明

4. Attribute selector

   a. [attr] 具有该属性名的元素
   b. [attr = value] 属性中有值等於该value
   c. [attr ~= value] 属性中有值的单词包含该value (contain)
   d. [attr ^= value] 属性中有值是以该value开头 (start with)
   e. [attr $= value] 属性中有值是以该value结尾 (end with)
   f. [attr * = value] 属性中有值包含该value (containing)

Challenge