想要更換blog中留言中的「版主回覆」字體的顏色跟樣式
但是又要換CSS語法，好麻煩
我是CSS白癡！！！

[WebTech #60] CSS > 3. CSS 語法 > 3-2 屬性（Properties）

匹配規則（Selector）是骨，屬性（Properties）是肉！

剛剛提過 CSS 就是由大量的「匹配規則」（Selector，或譯「選擇器」）組成的。每個匹配規則大致都長成這樣：

匹配規則 {
屬性1：屬性值1;
屬性2：屬性值2;
...
}

範例如下：

a {
color: red;
font-size: large;
}

這會匹配 ... 之間的文字，然後把字體改大、套用紅色。如果您 30 幾種常用的匹配規則文法都學會了，那麼接下來就是該學 { ... } 之間的屬性了！如果屬性全會，那麼你的 CSS 就學完、沒啦！ :-)

我個人會把這些屬性分為下列這幾類：

(1) 文字（Text）：字型、字體、對齊、間隔、粗細、顏色...
(2) 邊框（Box）與表格（Table）
(3) 大小、距離、排版
(4) 照片、多媒體
(5) 型變、動畫

我先給大家看篇屬性的簡介，下午再提供每種屬性的細部講解給大家喔！

http://reference.sitepoint.com/css/propertyref

請由左手邊選單點擊您想看的主題，繼續點子選項閱讀即可。

[WebTech #59] CSS > 3. CSS 語法 > 3-1 選擇器（Selector）

之前的文章，已經討論過「何謂 CSS」、「如何套用一個寫好的 CSS 檔至 HTML 中」等主題，所以這篇我們集中心力，來討論 CSS 最核心的一樣東西：「選擇器（Selector）」。

先定義何謂「選擇器」。其實這個中文翻譯我不是很喜歡，但是所有書籍都這麼稱呼它了，我只好從善如流。CSS 檔內是由一條一條的「規則」所組成的，外觀長得像這樣：

a {
color:red;
}

這告訴 HTML，碰到標示為 ... 之間的文字，就把它的顏色變成「紅色」。而這每條「規則」，就稱為一條「選擇器（Selector）」。也就是說， a { ... } 這條規則，會去自動匹配是否有名為 的 HTML 標籤，如果有，就套用 a { ... } 這條規則內的設定。英文原意是「a { ... } 會主動出擊『選擇』（Select）它想套用的對象 ，故命名為『選擇者』（Selector）」，而中文就翻譯為「選擇器」。其實我個人認為不要翻譯直接用原文，或另外取名（如：匹配規則，「匹配」也有點「Select」的味道在內）比較好。我重「字義」>「字形」，所以以後我都以「匹配規則」，來稱呼「Selector」（不習慣者請見諒喔）。

由於 CSS 的主體就是由這一大堆的 Selector 構成，所以想學 CSS，非得學會構成 Selector 的語法不可！剛剛示範的，是最簡單的一種匹配規則。其實 CSS 有相當複雜的「匹配規則文法」。下面這篇文章挑出常用的 30 種，建議想學 CSS 的朋友，一定得先學會這 30 種匹配規則的文法，將來撰寫 CSS 檔時，才能得心應手。

原文連結如下：
http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

語法網站：https://chatv2.septapus.com/
兩段語法(請複製貼上更改)

/* Channel names. */
yt-live-chat-text-message-renderer #author-name {
color: #FF9966 !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}

/* Messages. */
yt-live-chat-text-message-renderer #message,
yt-live-chat-text-message-renderer #message *,
yt-live-chat-legacy-paid-message-renderer #detail-text,
yt-live-chat-legacy-paid-message-renderer #detail-text * {
color: #ffffff !important;
font-family: "Microsoft JhengHei";
font-size: 28px !important;
line-height: 28px !important;
}