(再來要向娘娘報告的是「Selector」這個東西!)

<我還在不高興，你別過來.........喂，你別走啊...你就不會安慰一下，剛從洞裡爬出來的我嗎?>

(娘娘爬出來啦...爬出來就沒事了，我要說的是「Selector」啦!)

<我有聽見你剛講的，我在看CSS的時候，裡面就有說了...你那個時候，為什麼不講?>

(我想等到JavaScript的時候再一起說明，因為從觀念或概念方面來看，是同樣的意思!)

<...你不要再講那種工程師語言了，我不是你們那個行業的，我聽不懂...>

(Selector 的意思就是...選擇者、選擇器...)

Allen看了看Maggie沒反應...

(Selector 的概念就是在說，在茫茫的tag海裡面，CSS或JavaScript，要怎麼樣才能正確的找到，我們所指定的tag。它是一個概念，一個很抽象很實際但卻看不見的東西。)

Maggie沉思了一下之後，開始滑手機...<有了，你看這個...你剛說的那段話，就好像我在看這照片時的感覺一樣...>

<請問，概念、抽象、實際、看不見? 有什麼東西符合這四個啊?.........我知道你要說什麼了，停! 你別講，快點說Selector......>

(看這段程式...這段程式裡的CSS，只有一個設定「P」，這個「P」的稱呼，在CSS被稱為element, 在HTML裡面，被稱為Tag，我在CSS裡宣告，任何HTML檔案，只要是套用這段CSS，tag p 裡面的字形都會是粗體、大小28，顏色為藍色。)

<我懂啊...等一下，你的畫面，為什麼這麼好看? 然後又長的不一樣了? 這是那套軟體?>

(這個哦，這是一個在雲端的網站，叫做JS Bin，可以用來測試自己寫的CSS和JavaScript...用途不少，但我只用基本的...就是讓妳能看的清楚，了解嗎?)

<隨便你說，都是你在講...Selector 再來呢?>

(HTML 裡面的tag很多，可是有時候我們會用到Class，我們會針對Class設定，然後讓某段文字或某個區塊，可以套用這個Class對吧!?)

<是啊...然後呢?>

(之前給妳看的範例裡面，有個東西叫「ID」，這個「ID」在CSS裡面也能設定，對吧!?)

<說真的，我都有認真在聽你說的話......>Maggie，開始顯得有點不耐煩。

(換我問你，現在有個tag 「P] ，有個 Class 「P」、再加上一個ID 「P」...妳是我的CSS，現在妳要怎麼分辨，那個P是那個P? 我們在CSS裡要怎描述這三個「P」...呃...我說的是寫網頁時的三種「P」......跟那個...完全不同哦!)

<你真的很無聊耶，我要學網頁設計這麼...對我來說這麼神聖的事情...接下來的三分鐘，請你閉嘴，我看看要怎麼分辨...受不了...>

Allen似乎發現自己用錯案例，要被冷凍三分鐘...走到角落邊的椅子，坐了下去，拿出手機開始滑......沒多久，IT民宿客廳，就響起一段好聽的旋律...===是誰導演這場戲 在這孤單角色裡 對白總是自言自語 對手都是回憶 看不出什麼結局，自始至終全是你 讓我投入太徹底 故事如果注定悲劇 何苦給我美麗演出相聚和別離===

<夠了啦! 快點過來跟我說啦...受不了你耶，叫你去休息一下，有必要放這麼悲情的音樂嗎?>

(不會啊，還滿好聽的呢!) Allen接過鍵盤、滑鼠後，在JSbin的畫面裡，又輸入了幾行新的內容。(報告，好了，請娘娘來確認。)

<哦，我懂了......難怪我在練習CSS時，那些符號怎麼看都找不懂...那我再問你，有的CSS裡面有 逗號「,」，有的是大於「>」，有的是空白...這些又是什麼...>

(這個，我不能用資訊方面的行話，跟妳說，我要用非資訊行業的白話文跟妳說...這用白話文的說法就是........)

<什麼?>

(文字遊戲...白話文就是文字遊戲，只是這個文字遊戲是用一些符號來完成! 像我們IT民宿有公告，館內禁止吸煙...)

<是啊! 到現在還沒有旅人在裡面抽過煙...>

(好，問題來了，請問妳說的館內，包不包括二樓跟三樓的陽台跟一樓的院子?)

<......這個...>

(如果我的空間，只有一個區塊，那我在寫旅宿注意事項時，就會很好寫，比如整個一樓禁止吸煙，可是我們民宿裡的空間區塊很多，怎辦?

妳寫的網頁裡面，可能有十個文字區塊、二十個照片區塊、五個圖加文區塊、三個供使用者連結到外部的區塊...HTML檔案裡面，不可能只用一個tag，CSS裡面也不可能寫出所有區塊、照片、標題文、內容文跟連結文的CSS，那太花時間了，這個時候呢，這些特別符號，就派上用場了...)

<懂了懂了，那實際的作法會是? 可是......你寫館內禁止抽煙，如果旅人在二樓陽台抽，應該沒關係吧? 需要寫的這麼清楚嗎?>

(我現在，走到二樓陽台前，將落地門打開，走出去，站在二樓陽台上面，點一根煙...三分鐘後，妳來告訴我，有沒有關係......我先去親自示範一下，待會下來啊......)

Allen上樓後，不到三十秒，Maggie就在一樓客廳往二樓大喊.......<Allen 你快點下來，不要再抽了...客廳都聞到了，你到底......在那抽煙啊!?>

碰碰碰，Allen 那肥壯身體的腳步聲, 回盪在整間民宿...(妳現在知道，有關係了吧，在陽台抽煙沒問題，但落地門沒關.....風一吹，那個煙全都跑進室內...對不對，所以要定義清楚! 不管是旅宿事項，還是使用Selector的CSS。)

<你要去那?>

(外面院子啊，我剛才的那根煙，還沒抽完啊......)

<你帶著點著的煙，下樓哦?>

(沒有耶，我從陽台往下扔，現在還在院子裡...我先去囉! bye...)

無言的Maggie...滑了滑手機，手機畫面進入到YouTube網站...她趁這個空檔，聽了音樂....

(待)

2014/10/14 SunAllen

現任：太陽數位文創(技術總監)_彩虹53_小鐵道民宿(管家)