emmet常用語法

2021-10-09 20:14:40 字數 1125 閱讀 6758

- 什麼是emmet語法

使用類似於 css 選擇器的語法來描述生成的樹和元素屬性中的元素位置(快速構建html結構的快捷語法)

- 巢狀運演算法

1. 子代操作符:>

例:div>div>p 表示div下有個子代div,子代div下有個p標籤 

2. 兄弟操作符:+

例:div>div+p 表示div下有子代div和p標籤,子代div和p標籤屬於同級

3. 返回上級操作符:^

例:div>div+p^div 表示乙個div下有子代div和p標籤和乙個div標籤,最後乙個div與第乙個div是同級的

4. 乘法操作符:*

例:ul>li*2 表示ul標籤下有兩個li子標籤

5. 分組操作符:()

例:div>(header>ul>li*2>a)+footer>p 表示div下有header和footer兩個同級標籤,即包含兩組

- 屬性操作符

1. id和class分別使用「#」和「.」表示,若是class屬性不唯一時,可並列書寫

例:div#header>p.news*2 表示div有id為header,p標籤有class為new

div#header>p.news.new-tip 表示表示div有id為header,p標籤有class為new和new-tip

2. 定製屬性:

例:a[target='' title='hello world']*2

3. 數值計算運算子:$(按一定的數字進行排列)

例:div>ul>li.item-$*3 表示li的class有三個,分別為:item-1,item-2,item-3

div>ul>li.item-$@3*3 表示li的class屬性的數字從指定數字開始

例:div#news>p 表示p標籤的內容是hello,world

- 樣例

hello,world!

click

here

to continue

Emmet外掛程式常用語法

html 5 tab 生成html5文件結構 meta utf 生成預設字符集標籤 meta vp 建立當前視口 頁面縮放 meta compat 相容ie link css 引用css檔案 script src 引用js檔案 p.info div.red 帶類樣式的html標籤 h2 header...

mysql常用語法 MySQL常用語法

更新資料 update 表名 set 健名 更改的值 where 建 刪除資料 delete from 表名 where 索引 create index 索引名稱 on 表名 鍵名 建立試圖 create view 檢視名 鍵,鍵 as select matchno,abs won lost fro...

mysql基本常用語法 mysql 常用語法

1.1.開啟 service mysql start 1.2.關閉 service mysql stop 1.3.重啟 service mysql restart 2.1.密碼明文 語法 mysql u使用者名稱 p使用者密碼 舉例 mysql uroot p123456 2.2.密碼密文 語法 m...