CSS 特異性計算器
計算並比較 CSS 選擇器的特異性分數。 了解樣式優先順序以改善 CSS 架構。
🎯
新增選擇器以比較其特異性
如何解讀特異性
行內
透過 style 屬性直接設定樣式
ID
以 #id 選取
類別 / 屬性 / 偽類
以 .class、[attr]、:hover 等選取
元素 / 偽元素
以 div、p、::before 等選取
分享此工具
📖
使用方法
Step 1
輸入選擇器
輸入 CSS 選擇器
→
Step 2
計算
自動計算特異性
→
Step 3
查看結果
確認特異性值與比較結果
✨
功能特色
即時計算
輸入選擇器時即時計算特異性
選擇器比較
並排比較多個選擇器的特異性
視覺化顯示
以 (a, b, c) 和長條圖顯示特異性
❓
FAQ
決定選擇器優先順序的系統：ID > 類別 > 元素選擇器。
🔗相關工具
🔐
開發者工具密碼產生器
即時產生強式隨機密碼。自由設定長度和字元類型。
📋
開發者工具JSON 格式化與驗證工具
格式化並驗證 JSON 資料以提升可讀性。 支援縮排調整與單行壓縮（最小化）。
🆔
開發者工具UUID/GUID產生器
一鍵產生UUID v4。 可批次產生最多100個UUID，支援大寫和連字號選項。
🔗
開發者工具URL Slug產生器
從文字產生SEO友善的URL Slug。 自動移除特殊字元並處理音譯。
🕐
開發者工具Unix時間戳記轉換器
在Unix時間戳記和易讀日期之間進行相互轉換。 也可即時取得當前時間戳記。
📷
開發者工具QR 碼掃描器
讀取並解碼上傳圖片中的 QR 碼。 網址以可點擊的連結顯示，文字可一鍵複製。