[CSS]Selecter 介紹

今天朋友問了個問題，怎麼讓一個hover同步執行其他class的CSS。 對於一個對CSS了解並不是很了解的我來說... 直覺就是...


說實在不是不行XD ... 但覺得有點蠢 ... 所以只好請朋友先做其他的部分 我再找找 ... 就在這時朋友敲我了 ... 說他找到了!!!
然後就有了這一篇文章，CSS Selecter .... (在今天之前,我都還寫著很純樸的CSS ... 過了今天應該會成長了XD")

大約分成以下幾種：

• Class selectors : 就... 對Class


• ID selectors : 就... 對ID


• Type selectors : 就... 對HTML標籤 (e.g. div, a, label)


• Universal selector: 就...對全部 (*: 萬用字元)

上面幾個就不做示範了 ... 下面才是重點阿 ....

• Attribute selectors（屬性選擇器）
  


• Child combinator（子選擇器）


• Descendant combinator（後代選擇器）＊跟子選擇器有點像


• Adjacent sibling combinator（同層相鄰選擇器）


• General sibling combinator（同層全體選擇器）
  


• Pseudo-classes（偽類選擇器）
  清單如下：
  :link            ：連結平常的樣式
  :visited       ：連結查閱後的樣式
  :hover        ：滑鼠滑入的樣式
  :active        ：滑鼠按下的樣式
  :focus         ：目標為焦點的樣式
  :lang(E)       ：當語言為E的樣式
  :first-child   ：第一個元素的樣式


• Pseudo-elements（偽元素選擇器）
  清單如下：
  :first-line   ：元素的第一行
  :first-letter：元素的第一個字
  :after   　  ：後加上字或圖
  :before     ：前加上字或圖


• Groups of selectors（群組選擇器）
  hum ... 就 .... div, p, span, a　分隔開來使用同一組CSS

 

[HTML] rowspan & colspan 合併儲存格

[PHP] 阿拉伯數字轉中文小寫

[JS] 判斷圖片是否存在

判斷圖片是否存在 check img exist javascript

[系統] Ubuntu下正確解析中文網址

Ubuntu下正確解析中文網址

自從 ...

架了這個Blog後，
就想讓文章用中文顯示，但無奈於系統方面知識不足 ... XD"
導致一直沒處理這個問題，直到今天晃阿晃阿看到了一篇～
可以解決這個問題的方法！雖然原PO說不保證可以解決　...

但我照著做就成功囉！

處理方式：

1. #　a2enmod rewrite


2. vi /etc/apache2/sites-available/XXX.conf [設定檔 [相當於其他系統的http.conf] ]
   把AllowOverride None 改成 AllowOverride All (搜尋方式:在一般模式下輸入 /keyword)


3. # 　/etc/init.d/apache2 restart

參考來源：　Ubuntu + WordPress 固定網址問題

 

[食譜] 酸酸甜甜好滋味 － 炸蝦球 【鳳梨蝦球】【易】

鳳梨蝦球 廢言：

由於不是鳳梨的季節，所以就沒用鳳梨了~ 單純的炸蝦球~

加上鳳梨一起吃就是酸酸甜甜的　鳳梨蝦球　了唷 :lol: :lol: :lol:

 

材料：

1. 白蝦　　　　　　　　數隻


2. 地瓜粉(玉米粉也亦可) 適量


3. 太白粉                             適量
   


4. 蛋白                                 一顆
   


5. 沙拉醬                             口味隨意

最重要的工具：

1. 廚房剪刀 (才會夠利)


2. 足夠の耐心 ... (處理蝦子時需要)


3. 乾淨的雙手

步驟：

1. 白蝦剝殼, 背向上, 剪刀從頭部(會有個洞)插進去
   直接開到底, 會看到黑黑一條就是蝦腸,
   肚子也要開, 因為要做蝦球, 開的越開會越像球(我沒開好就沒變球了XD)
   　　


2. 開完之後蝦子盡量瀝乾


3. 放入 蛋白 鹽巴(提味) 少許玉米粉, 抓一抓,
   


4. 裹上太白粉, 抓一抓


5. 背和肚子要裹到粉, 否則也不會變球狀


6. 起油鍋, 蝦子下去十幾秒就可以上來了


7. 沙拉醬擠一擠就大功告成囉!!!

發現圖片有點少　... 下次再改進　=w= |||

最後附上 愛料理 蝦子處理

昨天，定了 12/9 要去 RO 亂舞春秋 好戰友的結婚典禮~
想想大家真的好久沒見面了, 想起來在有點哀傷,
從國小五年級玩到大二的遊戲, 漸漸就沒玩了,
不知道大家都變什麼樣子了呢?
好懷念阿 .... (微風徐徐吹過

[jQuery] 取得所有參數 AJAX

使用AJAX的時候...

有些人寫法會是 ...

$阿賈克斯（{
    網址：'ajax.php“，
    數據：{名稱：$（'＃姓名“）VAL（），地址：$（'＃地址”）VAL（）.........}，
    錯誤：功能（XHR）{....}，
    成功：函數（響應）{...}
});

當然這個方法不是不好...

只是如果data的欄位一多就會顯得很長...

所以這個時後方便的參數就出現了 serialize



可以自由的增加不用修改jQuery ~

不過這個function有個限制 ... 就是它只能用在 Form

So... 也是可以自己寫一個類似的 ...

[jQuery] 在結尾加入資料 - append()

因為沒什麼好寫，只放Code囉。

[PHP] 數值交換 - list 結構

記得還是學生時，兩個變數要交換值時。
有些老師會教這個方式：

$c = $a;
$a = $b;
$b = $c;

說實在這個方法，不是很好也有點蠢 ... XD
所以今天要交一行就可以解決的辦法，那就是

List() 結構

定義 :
list() 與 array() 相似，

但ist() 屬於一種資料結構 ... 而 array() 為函數 。
通常用於數值交換。
用法 :

$val = array('Hello', 'The', 'World');
list ($x, $y, $z) = $val;
exit( sprintf("%s %s %s", $x, $y, $z) );

結果　:

Hello The World

用到的機會不多，但如果要交換數值，就可以省去一個變數囉！