鐵人檔案
前端新手在30天內學習HTML、CSS等技術的自我挑戰。主要會參考前人文章以及W3Schools、MDN等資料，或者直接讀規範。內容可能會略微粗淺，也可能會有些錯誤，還請見諒與鞭策。
昨天我們講解了對任何屬性都能使用的屬性選擇器。 今天要繼續來介紹偽類選擇器。 關於偽類 偽類選擇器（Pseudo-Class），也可以譯作虛擬類別選擇器。由字面...
昨天我們介紹了偽類的基本語法，還有動態偽類。 今天我們要繼續介紹剩下五種類型的偽類。 目標偽類 之前在介紹<a>元素的時候有提過，如果網頁中的某個元...
前兩天我們介紹了偽類選擇器。 今天我們要介紹類似的偽元素選擇器。 偽元素簡介 定義 偽元素選擇器（Pseudo-Elements），也可以譯作虛擬元素選擇器。從...
前幾天我們介紹了不同類型的選擇器。 包括元素、類別、ID、通用等基本的選擇器，依任意屬性挑選元素的屬性選擇器，依不存在的分類挑選元素的偽類選擇器，依不存在的元素...
昨天我們提到選擇器之間的優先順序由具體度（Specificity）決定。 不過，規則的優先順序不只會受到選擇器的具體度影響。 在比較選擇器的具體度之前，還需要先...
昨天我們提到CSS判斷宣告優先順序的流程Cascading，總共會考量七個因素。 考量第一個因素Origin and Importance時，會依據宣告的來源與...
前兩天，我們介紹了Cascading在決定最終套用的樣式時，會優先考量的四個因素。 包括來源跟重要性、contxt、行内樣式跟分層。 今天要繼續說明剩下的三個因...
前幾天我們提到，如果適用於文件的樣式表中，同時有多個符合條件的規則，對某個元素的某個屬性宣告了不同樣式而彼此衝突時，CSS就會透過Cascading這套流程判斷...
昨天我們介紹了CSS的屬性值處理流程。 由於有這樣的處理流程，即使同時對某些元素的某個屬性宣告多個樣式，仍然可以依據樣式表來源、重要性等因素，決定要優先使用哪個...
前端迷走中 三十天說短不短，但也沒多長。一轉眼，就來到鐵人賽的最後一天了。 這一個月就像「前端迷走中」這個標題描述的，是充滿變數的曲折旅程。可能路途巔頗，出乎意...
