生活必備咖啡因程式碼-店長Yui大小事

前端工程師所學範圍之大,讓我們一步一步來分析及學習這些小技能吧!!

有時在 HTML 中，前端工程師會對同一個標籤給予兩個以上的 Class 名稱，如以下所示:

<div class="first second"></div>

/*1. 兩個 class 中有空格*/  
.first .second
/*2. 兩個 class 中沒有空格*/
.first.second 
/*3. 兩個 class 中出現逗號*/  
.first,.second

1. 兩個 class 中有空格的例子：五個區塊中，階層必須是要在 first 區塊之下的 second 區塊才會顯示黑底白字的 CSS 設定

2. 兩個 class 中沒有空格的例子：五個區塊中， div class 名稱必須同時出現 first 與 second 才會顯示黑底白字的 CSS 設定

See the Pen .first與 .second中間無空格的例子 by Tedutw (@Tedutw) on CodePen.

3. 兩個 class 中有逗號的例子：五個區塊中，只要 div class 名稱中有 first 或是 second 的區塊，就會顯示黑底白字的 CSS 設定

See the Pen .first與 .second中間有逗號的例子 by Tedutw (@Tedutw) on CodePen.

註 : 以上三個範例的 HTML 碼都一樣

推薦閱讀:

HTML5教學之標籤的重要性-網頁設計更上手的小秘密

輕鬆學HTML5教學裡的標籤

他們都沒有相關背景,竟都如願變成工程師,來聽聽他們去哪裡上HTML5教學

Java課程讓我百萬年薪科技新貴之路只需要六個月!

單一技能已被淘汰 讓Java課程使你充實自我 還能媒合高薪職缺

搶救低薪大作戰,再不來上Java課程就來不及了!

還在為成為專業IT人煩惱?!選對Java課程讓你輕鬆到位!