[爆卦]css命名規則是什麼？優點缺點精華區懶人包

雖然這篇css命名規則鄉民發文沒有被收入到精華區：在css命名規則這個話題中，我們另外找到其它相關的精選爆讚文章

在 css命名規則產品中有1篇Facebook貼文，粉絲數超過2萬的網紅紀老師程式教學網，也在其Facebook貼文中提到， [WebTech #59] CSS > 3. CSS 語法 > 3-1 選擇器（Selector）之前的文章，已經討論過「何謂 CSS」、「如何套用一個寫好的 CSS 檔至 HTML 中」等主題，所以這篇我們集中心力，來討論 CSS 最核心的一樣東西：「選擇器（Selector）」。先定義何...

「css命名規則」的推薦目錄

關於css命名規則在紀老師程式教學網 Facebook 的最佳解答

css命名規則在紀老師程式教學網 Facebook 的最佳解答

2013-05-03 03:00:00
有 6 人按讚

[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/

[爆卦]css命名規則是什麼？優點缺點精華區懶人包

雖然這篇css命名規則鄉民發文沒有被收入到精華區：在css命名規則這個話題中，我們另外找到其它相關的精選爆讚文章

「css命名規則」的推薦目錄

css命名規則 在 紀老師程式教學網 Facebook 的最佳解答

你可能也想看看

搜尋相關網站

#1番外-讓你的CSS好讀起來！CSS命名方法論筆記 - iT 邦幫忙

#2探討幾種常見的CSS 命名慣例 - ErrorBaker 技術共筆部落格

#3鐵人賽5 - CSS 的命名技巧| 卡斯伯Blog

#4OOCSS、SMACSS、BEM命名規則

#5常用的css命名规则原创

#6CSS BEM 選擇器命名規則簡介，以KKBOX 為例

#7淺談BEM CSS - CSS 設計模式與架構- 客座投稿 - W3HexSchool

#8常用的CSS命名規則| 設計×生活.web

#9CSS 样式命名规则和规范| arry老师的博客

#10常见的CSS命名规范

#11CSS命名规则规范整理

#12常用的CSS命名規則 - 一陣嘻，噓!

#13tdesign-common/css-naming.md at develop

#14常用的CSS命名规则

#15BEM CSS 的認識與了解

#16CSS命名规范

#17CSS 命名规范总结· 简单心理技术团队

#18CSS基本命名規則- 一化網頁設計公司是您網頁設計的最佳選擇

#19CSS之BEM命名规范

#20CSS-BEM 命名规范

#21前端人員必看CSS命名規範- IT閱讀

#22DIV+CSS规范命名大全集合

#23html與css命名規範小結 - ZenDei技術網路在線

#24css命名规则

#25常用的CSS命名规则

#26前端命名规范(css命名规范三大规则说明) - 老汤博客

#27前端必須掌握的——html和css命名規範

#28业界认可的css命名规范- 腾讯云开发者社区

#29CSS的class与id常用的命名规则

#30css命名規範是什麼- tw511教學網

#31CSS样式命名规则

#32常用的CSS命名规则

#33常用的CSS命名规则| 自助建站

#34css命名规范- 魅眼ALong

#35精简高效的CSS命名准则/方法

#36《CSS》常用的CSS命名規則 - 前端無遠弗屆

#37css命名规范之BEM命名规则 - web教程网

#382. 命名規則(改名換位) - HTML5&CSS3

#39常用的css命名规则- Fiime分享| AI|科技|数码前沿 - FiimeROM

#40CSS命名規則規範整理

#41常用的CSS命名規則

#42CSS中id与class 命名规则及编码的6个最佳习惯 - Victor's Blog

#43css命名规范是什么 - 爱红心博客

#44CSS BEM 命名规范

#45CSS命名规范- UCloud云社区

#46有利于SEO的DIV+CSS的命名规则小结

#47BEM命名法

#48CSS命名规则

#49CSS 命名規則

#50常用CSS命名规则

#51CSS 部屬經驗-樣式命名

#52web标准化设计：常用的CSS命名规则

#53HTML+CSS书写规范、顺序和命名规则 - 毒战士

#54[CSS]Div+css命名規則-增強SEO

#55BEM

#56CSS命名规则

#57BEM，CSS 設計模式

#58CSS 一般問題- 學習該如何開發Web | MDN

#59css設計・命名規則の歴史(BEM・OOCSS・SMACSS・ ...

#60DIV+CSS 之網頁切圖過程中div+css命名規則

#61CSSクラス命名規則、FLOCSSとBEM。 - YouTube

#62様々な命名規則(キャメル、スネーク、ケバブ) - Next

#63BEM — Block Element Modifier

#64HTML 教程| 菜鸟教程

#65功能| Vite 官方中文文档

#66css 設計

#67CSSの新機能@scopeが便利すぎる！ セレクタの適用範囲を ...

#68配置

#69定义CSS 颜色时需要规则或选择器

#70Firefox瀏覽器- 维基百科，自由的百科全书

#71css 設計

#72JSX In Depth

#73快速入门– React 中文文档

#74定义CSS 颜色时需要规则或选择器

css命名規則在紀老師程式教學網 Facebook 的最佳解答

#67CSSの新機能@scopeが便利すぎる！セレクタの適用範囲を ...