先学习Emmet(zend coding)然后引发css 或者jquery选择器的思考

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相似又有差别,到底他们之间有这什么样的联系呢?

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

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。