CSS 選擇器大全:突破前端功力掌握職場即戰力
張鑫旭 著
買這商品的人也買了...
-
CSS 大全, 4/e (CSS: The Definitive Guide: Visual Presentation for the Web, 4/e)$1,200$948 -
$709深入解析 CSS (CSS in Depth) -
金魚都能懂的 CSS 選取器:金魚都能懂了你還怕學不會嗎(iT邦幫忙鐵人賽系列書)$560$437 -
依賴注入:原理、實作與設計模式 (Dependency Injection: Principles, Practices, Patterns, 2/e)$1,000$780 -
HTML5 ‧ CSS3 最強圖解實戰講座 【第二版】$620$527 -
JavaScript 大全, 7/e (Javascript: The Definitive Guide: Master the World's Most-Used Programming Language, 7/e)$1,200$948 -
前端三十:從 HTML 到瀏覽器渲染的前端開發者必備心法(iT邦幫忙鐵人賽系列書)$550$429 -
UNITY 程式設計敎戰手冊, 3/e (附光碟)$820$738 -
$1,199HTML + CSS + JavaScript 入門經典, 3/e (HTML, CSS, and JavaScript All in One: Covering HTML5, CSS3, and ES6, Sams Teach Yourself, 3/e) -
HTML + CSS 網頁版面設計 -- 輕鬆寫語法 ‧ 快速修版型$580$493 -
CSS 視覺辭典 (CSS Visual Dictionary)$520$411 -
跟著 Docker 隊長,修練 22天就精通 - 搭配 20小時作者線上教學,無縫接軌 Microservices、Cloud-native、Serverless、DevOps 開發架構$880$695 -
你所不知道的必學前端 Debug 技巧:即學即用!讓你 Debug 不求人 (iT邦幫忙鐵人賽系列書)$620$484 -
資安這條路:領航新手的 Web Security 指南,以自建漏洞環境學習網站安全(iT邦幫忙鐵人賽系列書)$680$530 -
Python 資料分析必備套件!Pandas 資料清理、重塑、過濾、視覺化 (Pandas 1.x Cookbook, 2/e)$780$663 -
打造高速網站從網站指標開始:全方位提升使用者體驗與流量的關鍵$600$468 -
秒懂設計模式$480$379 -
圖解資料庫的工作原理$450$356 -
用 ASP.NET Core 打造軟體積木和應用系統$400$316 -
Front-End Back-End Development with Html, Css, Javascript, Jquery, Php, and MySQL (Paperback)$4,200$3,990 -
金魚都能懂的 CSS 必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書)$720$562 -
$348Web 編程基礎 (HTML+CSS) 項目實戰教程 -
$709輕松學會 JavaScript -
Tailwind CSS 3.0 從零開始 – 入門到實戰$700$553 -
超完美 CSS 設計風格指南$520$411
AI NotebookLM 2書75折 詳見活動內容 »
-
75折
AI 超神筆記術:NotebookLM 高效資料整理與分析 250技$480$360 -
79折
AI 超神活用術:Felo 搜尋、筆記、簡報、網頁、知識庫、心智圖與視覺圖表全能助手$490$387 -
79折
AI 超神應用術:Google Gemini × Gemini Live × Nano Banana × Veo × Flow × NotebookLM 全解鎖 (附範例素材/提示詞/3大影音教學)$490$387 -
79折
最強 AI 組合技!NotebookLM / Gemini / Nano Banana / Veo 3 【影音生成進化版】$499$394 -
79折
Google BI 解決方案:Looker Studio × AI 數據驅動行銷實作,完美整合 Google Analytics 4、Google Ads、ChatGPT、Gemini$630$498 -
79折
AI 加持!Google Sheets 超級工作流$599$473 -
75折
打造史上最強 AI 組合技!NotebookLM / Gemini / Gemini Live / Imagen / Veo 一起攜手放大絕,打造職場超能力$499$374 -
79折
寫程式的 AI 戰友 – VS Code x GitHub Copilot$720$569 -
79折
全面掌握 Gemini 開發實務:輕鬆駕馭 Google AI 引擎$680$537 -
75折
不用自己寫!用 GitHub Copilot 搞定 LLM 應用開發$600$450 -
79折
AI 加持!Google Sheets 超級工作流$599$473 -
79折
最強 AI 組合技!NotebookLM / Gemini / Nano Banana / Veo 3 【影音生成進化版】$499$394 -
79折
Google BI 解決方案:Looker Studio × AI 數據驅動行銷實作,完美整合 Google Analytics 4、Google Ads、ChatGPT、Gemini$630$498 -
79折
AI 提問 X 學習 X 應用:ChatGPT、NotebookLM、Gemini、GitHub Copilot從零到完全實戰$390$308 -
75折
NVIDIA 輝達之道:第一本輝達詳解!從 AI 教父黃仁勳的登頂之路,看全球科技投資前景$450$338 -
75折
AI 工具使用手冊:學會 AI 魔法讓你變身超人不再當麻瓜, 2/e$690$518 -
79折
AI 時代的 Python 高效學習書 - ChatGPT 程式助理新思維$550$435 -
75折
圖像生成 AI Stable Diffusion 實作技法書:從設定、生成到調整,全面掌握 AI 繪圖實戰技!$550$413 -
79折
邊緣 AI - 使用 NVIDIA Jetson Orin Nano 開發具備深度學習、電腦視覺與生成式 AI 功能的 ROS2 機器人$580$458 -
79折
手機感測器也上 AI – 人工智慧邊緣運算實作開發教戰手冊$1,080$853 -
79折
LLM 開源大物 - DeepSeek 深入技術多模態開發$980$774 -
79折
ChatGPT 5 萬用手冊:自動化 AI agent、提示詞技巧、研究推理、影音生成、自然語音、專案排程、工具連接$580$458 -
79折
超有料 Plus!職場第一實用的 AI 工作術 - 用對 AI 工具、自動化 Agent, 讓生產力全面進化!$599$473 -
79折
台灣 AI 大未來:解析最新的 AI 趨勢、台灣情勢、企業布局與個人發展$400$316 -
79折
實用 DeepSeek 技術 - 開發真正可用的 LLM 應用程式$880$695
中文年末書展|繁簡參展書2書75折 詳見活動內容 »
-
75折
為你寫的 Vue Components:從原子到系統,一步步用設計思維打造面面俱到的元件實戰力 (iThome 鐵人賽系列書)$780$585 -
75折
BDD in Action, 2/e (中文版)$960$720 -
75折
看不見的戰場:社群、AI 與企業資安危機$750$563 -
79折
AI 精準提問 × 高效應用:DeepSeek、ChatGPT、Claude、Gemini、Copilot 一本搞定$390$308 -
7折
超實用!Word.Excel.PowerPoint 辦公室 Office 365 省時高手必備 50招, 4/e (暢銷回饋版)$420$294 -
75折
裂縫碎光:資安數位生存戰$550$412 -
日本當代最強插畫 2025 : 150位當代最強畫師豪華作品集$640$576 -
79折
Google BI 解決方案:Looker Studio × AI 數據驅動行銷實作,完美整合 Google Analytics 4、Google Ads、ChatGPT、Gemini$630$498 -
79折
超有料 Plus!職場第一實用的 AI 工作術 - 用對 AI 工具、自動化 Agent, 讓生產力全面進化!$599$473 -
75折
從零開始學 Visual C# 2022 程式設計, 4/e (暢銷回饋版)$690$518 -
75折
Windows 11 制霸攻略:圖解 AI 與 Copilot 應用,輕鬆搞懂新手必學的 Windows 技巧$640$480 -
75折
精準駕馭 Word!論文寫作絕非難事 (好評回饋版)$480$360 -
Sam Yang 的插畫藝術:用 Procreate / PS 畫出最強男友視角 x 女孩美好日常$699$629 -
79折
AI 加持!Google Sheets 超級工作流$599$473 -
78折
想要 SSR? 快使用 Nuxt 吧!:Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化(iThome鐵人賽系列書)$780$608 -
78折
超實用!業務.總管.人資的辦公室 WORD 365 省時高手必備 50招 (第二版)$500$390 -
7折
Node-RED + YOLO + ESP32-CAM:AIoT 智慧物聯網與邊緣 AI 專題實戰$680$476 -
79折
「生成式⇄AI」:52 個零程式互動體驗,打造新世代人工智慧素養$599$473 -
7折
Windows APT Warfare:惡意程式前線戰術指南, 3/e$720$504 -
75折
我輩程式人:回顧從 Ada 到 AI 這條程式路,程式人如何改變世界的歷史與未來展望 (We, Programmers: A Chronicle of Coders from Ada to AI)$850$637 -
75折
不用自己寫!用 GitHub Copilot 搞定 LLM 應用開發$600$450 -
79折
Tensorflow 接班王者:Google JAX 深度學習又快又強大 (好評回饋版)$780$616 -
79折
GPT4 會你也會 - 共融機器人的多模態互動式情感分析 (好評回饋版)$700$553 -
79折
技術士技能檢定 電腦軟體應用丙級術科解題教本|Office 2021$460$363 -
75折
Notion 與 Notion AI 全能實戰手冊:生活、學習與職場的智慧策略 (暢銷回饋版)$560$420
相關主題
商品描述
- CSS選擇器是CSS世界的支柱,撐起了CSS精彩繽紛的世界!
本書特色
◆顛覆對CSS的認知
◆傳承實務經驗與心法
◆提供線上範例觀看
CSS選擇器本身很簡單,就是一些特定的選擇符號,於是很多開發者就認為CSS選擇器的世界很簡單,沒什麼好學的,這樣的想法嚴重限制了開發者的技術提升。實際上,CSS選擇器非常強大,它不僅涉及視覺表現,而且與用戶安全、用戶體驗有非常密切的關聯。
不少開發人員學習JavaScript得心應手,但是學習CSS卻總是沒有感覺,因為他們還是習慣把CSS屬性或者CSS選擇器看成一個個獨立的個體,就好像傳統程式語言中一個個API一樣。傳統程式語言講求邏輯清晰、層次分明,主要是用來提供功能特性,因此這種不拖泥帶水的API是非常有必要的。然而CSS卻是用來提供樣式,它重表現、輕邏輯,如同人們的思想一樣,互相碰撞才能產生火花。
本書專門介紹CSS選擇器的相關知識。在書中作者結合多年的業界經驗及研究心得,在CSS基礎知識之上,充分考量前端開發人員的開發需求,以CSS選擇器的基本概念、優先順序、命名、最佳實作,以及各虛擬類別選擇器的概述和適用場景為技術主軸,為CSS開發人員介紹有競爭力的知識和技能,並擷取出精華使讀者能在短期間習得有用的技術,直接應用在實際職場上。此外,本書也搭配專有網站,可提供線上範例觀看。本書是一本CSS進階書,非常適合有一定CSS基礎的前端開發人員學習和研讀。
作者簡介
- 張鑫旭
前端開發工程師。2007年開始接觸前端,十多年來一直在前端開發一線,於HTML/CSS 等與交互體驗關係密切的領域中,投入了大量的時間進行學習和研究,因此有比較多的心得和體會。
目錄大綱
- CHAPTER 01:概述
1-1 為什麼CSS 選擇器很強
1-2 CSS選擇器世界的一些基本概念
1-3 無效CSS 選擇器特性與實際應用
CHAPTER 02:CSS 選擇器的優先順序
2-1 CSS 優先順序規則概覽
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 瞭解資源狀態虛擬類別




















