測試你的技能：選擇器

在此任務中，使用 CSS 執行以下操作，無需更改 HTML

• 使 <h1> 標題為藍色。
• 使 <h2> 標題具有藍色背景和白色文字。
• 使包裝在 <span> 中的文字的字型大小為 200%。

您的最終結果應如下面的圖片所示

嘗試更新下面的即時程式碼以重新建立完成的示例

在此任務中，我們希望您對本示例中內容的外觀進行以下更改，無需更改 HTML

• 為 ID 為 special 的元素設定黃色背景。
• 為具有 alert 類別的元素設定 1 畫素灰色邊框。
• 如果具有 alert 類別的元素還具有 stop 類別，則將背景設定為紅色。
• 如果具有 alert 類別的元素還具有 go 類別，則將背景設定為綠色。

您的最終結果應如下面的圖片所示

嘗試更新下面的即時程式碼以重新建立完成的示例

在此任務中，我們希望您進行以下更改，無需向 HTML 新增內容

• 設定連結樣式，使連結狀態為橙色，已訪問連結為綠色，並且在懸停時移除下劃線。
• 使容器中的第一個元素的字型大小為 150%，並將該元素的第一行設定為紅色。
• 透過選擇這些行併為其設定 #333 的背景顏色和白色的前景色，對錶格中的每隔一行進行條紋化。

您的最終結果應如下面的圖片所示

嘗試更新下面的即時程式碼以重新建立完成的示例

在此任務中，我們希望您執行以下操作

• 使任何直接位於 <h2> 元素後的段落為紅色。
• 僅對作為具有 list 類別的 ul 的直接子元素的列表項移除專案符號並新增 1 畫素灰色底部邊框。

您的最終結果應如下面的圖片所示

嘗試更新下面的即時程式碼以重新建立完成的示例

在此任務中，使用屬性選擇器新增 CSS 來執行以下操作

• 定位具有 title 屬性的 <a> 元素，並將邊框設定為粉色 (border-color: pink)。
• 定位具有 href 屬性的 <a> 元素，其值中包含單詞 contact，並將邊框設定為橙色 (border-color: orange)。
• 定位具有以 https 開頭的 href 值的 <a> 元素，併為其設定綠色邊框 (border-color: green)。

您的最終結果應如下面的圖片所示

嘗試更新下面的即時程式碼以重新建立完成的示例