先學習Emmet(zend coding)然後引發css 或者jquery選取器的思考

標籤：style   blog   http   color   使用   strong   sp   div   2014   

1.使用VS或者其他編輯器開發HTML快速編碼。使用emmet這種簡單易用的文法無疑是最快捷的

首先來看這段代碼記住這個基本上emmet就會用了，記住游標放到運算式的尾部按下tab鍵

 1 <!-- 2   html:5 3   1. E 代表HTML標籤。 4   2. E#id 代表id屬性。 5   3. E.class 代表class屬性。 6   4. E[attr=foo] 代表某一個特定屬性。 7   5. E{foo} 代表標籤包含的內容是foo。 8   6. E>N 代表N是E的子項目。 9   7. E+N 代表N是E的同級元素。10   8. E^N 代表N是E的上階項目11 ul#nav>li.item*4>a[href=‘http://www.baidu.com‘]{測試}12 table>(thead>tr>th*5)+(tbody>tr>td*5)13 -->

來個小動畫,順便練習寫部落格額，突然出現代碼就說明按下了tab鍵

2.這裡是本文

其實對於css與jquery再加上emment其實採用的都是同樣一種方式，如下對比圖:(知道了這個我相信新手玩家使用選取器就比較容易記憶了)

Jquery:

Css:

這裡是重點:

a.瀏覽器是以何種文法標準來解析的呢？

b.誰規定了這種選取器的文法標準？

c.與xpath相似又有差別，到底他們之間有這什麼樣的聯絡呢？

希望某天那位大牛看到能幫忙解答下，呼呼……

 

先學習Emmet(zend coding)然後引發css 或者jquery選取器的思考