CSS選擇器大全:突破前端功力掌握職場即戰力
活動訊息
內容簡介
CSS選擇器是CSS世界的支柱,撐起了CSS精彩繽紛的世界!
CSS選擇器本身很簡單,就是一些特定的選擇符號,於是很多開發者就認為CSS選擇器的世界很簡單,沒什麼好學的,這樣的想法嚴重限制了開發者的技術提升。實際上,CSS選擇器非常強大,它不僅涉及視覺表現,而且與用戶安全、用戶體驗有非常密切的關聯。
不少開發人員學習JavaScript得心應手,但是學習CSS卻總是沒有感覺,因為他們還是習慣把CSS屬性或者CSS選擇器看成一個個獨立的個體,就好像傳統程式語言中一個個API一樣。傳統程式語言講求邏輯清晰、層次分明,主要是用來提供功能特性,因此這種不拖泥帶水的API是非常有必要的。然而CSS卻是用來提供樣式,它重表現、輕邏輯,如同人們的思想一樣,互相碰撞才能產生火花。
本書專門介紹CSS選擇器的相關知識。在書中作者結合多年的業界經驗及研究心得,在CSS基礎知識之上,充分考量前端開發人員的開發需求,以CSS選擇器的基本概念、優先順序、命名、最佳實作,以及各虛擬類別選擇器的概述和適用場景為技術主軸,為CSS開發人員介紹有競爭力的知識和技能,並擷取出精華使讀者能在短期間習得有用的技術,直接應用在實際職場上。此外,本書也搭配專有網站,可提供線上範例觀看。本書是一本CSS進階書,非常適合有一定CSS基礎的前端開發人員學習和研讀。
本書特色
◆顛覆對CSS的認知
◆傳承實務經驗與心法
◆提供線上範例觀看ㄈ
目錄
CHAPTER 01:概述
1-1為什麼CSS 選擇器很強
1-2CSS選擇器世界的一些基本概念
1-3無效CSS 選擇器特性與實際應用
CHAPTER 02:CSS 選擇器的優先順序
2-1CSS 優先順序規則概覽
2-2深入CSS 選擇器優先順序
2-3為什麼按鈕:hover 變色了
CHAPTER 03:CSS 選擇器的命名
3-1 CSS 選擇器是否區分大小寫
3-2 CSS 選擇器命名的合法性
3-3 CSS 選擇器的命名是一個哲學問題
3-4 CSS 選擇器設計的最佳實踐
CHAPTER 04:精通CSS 組合選擇器
4-1後代選擇器空格( )
4-2子選擇器箭頭(>)
4-3相鄰兄弟選擇器加號(+)
4-4一般兄弟選擇器彎彎(~)
4-5快速瞭解列選擇器雙管道(||)
CHAPTER 05:元素選擇器
5-1元素選擇器的串接語法
5-2標籤選擇器二三事
5-3特殊的標籤選擇器:通用選擇器
CHAPTER 06:屬性選擇器
6-1 ID 選擇器和類選擇器
6-2屬性值直接匹配選擇器
6-3屬性值正則匹配選擇器
6-4忽略屬性值大小寫的正則匹配運算子
CHAPTER 07:用戶行為虛擬類別
7-1滑鼠經過虛擬類別:hover
7-2啟動狀態虛擬類別:active
7-3焦點虛擬類別:focus
7-4整體焦點虛擬類別:focus-within
7-5鍵盤焦點虛擬類別:focus-visible
CHAPTER 08:URL 定位虛擬類別
8-1連結歷史虛擬類別:link 和:visited
8-2超連結虛擬類別:any-link
8-3目標虛擬類別:target
8-4目標容器虛擬類別:target-within
CHAPTER 09:輸入虛擬類別
9-1輸入控制項狀態
9-2輸入值狀態
9-3輸入值驗證
CHAPTER 10:樹結構虛擬類別
10-1 :root 虛擬類別
10-2 :empty 虛擬類別
10-3 子索引虛擬類別
10-4 匹配類型的子索引虛擬類別
CHAPTER 11:邏輯組合虛擬類別
11-1 否定虛擬類別 :not()
11-2 瞭解任意匹配虛擬類別 :is()
11-3 瞭解任意匹配虛擬類別 :where()
11-4 瞭解關聯虛擬類別 :has()
CHAPTER 12:其他虛擬類別選擇器
12-1 與作用域相關的虛擬類別
12-2 與全屏相關的虛擬類別 :fullscreen
12-3 瞭解語言相關虛擬類別
12-4 瞭解資源狀態虛擬類別
配送方式
-
台灣
- 國內宅配:本島、離島
-
到店取貨:
不限金額免運費
-
海外
- 國際快遞:全球
-
港澳店取:
訂購/退換貨須知
退換貨須知:
**提醒您,鑑賞期不等於試用期,退回商品須為全新狀態**
-
依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」,以下商品購買後,除商品本身有瑕疵外,將不提供7天的猶豫期:
- 易於腐敗、保存期限較短或解約時即將逾期。(如:生鮮食品)
- 依消費者要求所為之客製化給付。(客製化商品)
- 報紙、期刊或雜誌。(含MOOK、外文雜誌)
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書、電子雜誌、下載版軟體、虛擬商品…等)
- 已拆封之個人衛生用品。(如:內衣褲、刮鬍刀、除毛刀…等)
- 若非上列種類商品,均享有到貨7天的猶豫期(含例假日)。
- 辦理退換貨時,商品(組合商品恕無法接受單獨退貨)必須是您收到商品時的原始狀態(包含商品本體、配件、贈品、保證書、所有附隨資料文件及原廠內外包裝…等),請勿直接使用原廠包裝寄送,或於原廠包裝上黏貼紙張或書寫文字。
- 退回商品若無法回復原狀,將請您負擔回復原狀所需費用,嚴重時將影響您的退貨權益。
商品評價