Emmet 介紹 – 縮寫篇
縮寫這樣的編輯方式是Emmet的核心功能,可以在輸入簡短的代碼後轉換成結構複雜的HTML,而且使用方式跟使用CSS的選取器雷同,所以非常易於使用。例如:
page>div.logo+ul#navigation>li*5>a{Item $} ------ <div id="page"> <div class="logo"></div> <ul id="navigation"> <li><a href="">Item 1</a></li> <li><a href="">Item 2</a></li> <li><a href="">Item 3</a></li> <li><a href="">Item 4</a></li> <li><a href="">Item 5</a></li> </ul> </div>
以下分別介紹各種不同的縮寫撰寫模式
子結構:>
div>ul>li ------ <div> <ul> <li></li> </ul> </div>
同層結構:+
div+p+bq ------ <div></div> <p></p> <blockquote></blockquote>
上一層:^
div+div>p>span+em^bq ------ <div></div> <div> <p><span></span><em></em></p> <blockquote></blockquote> </div>
div+div>p>span+em^^^bq ------ <div></div> <div> <p><span></span><em></em></p> </div> <blockquote></blockquote>
乘法:*
ul>li*5 ------ <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>
分組:( )
div>(header>ul>li*2>a)+footer>p ------ <div> <header> <ul> <li><a href=""></a></li> <li><a href=""></a></li> </ul> </header> <footer> <p></p> </footer> </div>
(div>dl>(dt+dd)*3)+footer>p ------ <div> <dl> <dt></dt> <dd></dd> <dt></dt> <dd></dd> <dt></dt> <dd></dd> </dl> </div> <footer> <p></p> </footer>
項目編號:$
ul>li.item$*5 ------ <ul> <li class="item1"></li> <li class="item2"></li> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> </ul>
ul>li.item$$*5 ------ <ul> <li class="item001"></li> <li class="item002"></li> <li class="item003"></li> <li class="item004"></li> <li class="item005"></li> </ul>
ul>li.item$@-*5 ------ <ul> <li class="item5"></li> <li class="item4"></li> <li class="item3"></li> <li class="item2"></li> <li class="item1"></li> </ul>
ul>li.item$@3*5 ------ <ul> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> <li class="item6"></li> <li class="item7"></li> </ul>
ul>li.item$@-3*5 ------ <ul> <li class="item7"></li> <li class="item6"></li> <li class="item5"></li> <li class="item4"></li> <li class="item3"></li> </ul>
內容:{ }
a{Click me} ------ <a href="">Click me</a>
p>{Click }+a{here}+{ to continue} ------ <p>Click <a href="">here</a> to continue</p>
ID and Class
div#header+div.page+div#footer.class1.class2.class3 ------ <div id="header"></div> <div class="page"></div> <div id="footer" class="class1 class2 class3"></div>
自訂屬性
td[title="Hello world!" colspan=3] ------ <td title="Hello world!" colspan="3"></td>
1win apk download 1win apk download .
They begin by concentrating on the Deadland resistance, led by surviving heroes the Vision, Surprise Man, and Jim Hammond, who gather those exiled past the Wall into a secure metropolis they have established.
https://jysk.am/media/pgs/kak_nayti_rabochee_zerkalo_dlya_kazino_vavada.html
Excellent blog here! Also your web site loads up very fast!
What web host are you using? Can I get your affiliate link to your host?
I wish my site loaded up as quickly as yours lol
Take a look at my web site :: lottery defeated software app
Be sure to incorporate particulars like velocity, course of journey and location of all events concerned, together with who hit whom.
Раменбет
In the sport, the characters are concerned in new storylines that function a continuation of the events in the movie.
February and earlier: Aptera Motors indicated it could produce in 2021 a 3-wheel, extremely aerodynamic electric vehicle powered by 34 square feet of photo voltaic cells, additionally having rechargeable batteries.
By August 26, wildfires had reached over 728 thousand hectares (1.80 million acres) of Bolivia’s savanna and tropical forests, in line with the Bolivian Info Agency (BIA).
Nintendo despatched a promotional VHS tape, Donkey Kong Nation: Exposed, to subscribers of the journal Nintendo Energy.
Lake Michigan charter fishing for salmon and trout.
In the sport, two teams of seven players battle for the very best score in a match.
Отличный сайт! Всем рекомендую!корпоративный мерч
One other indicator of common values is the truth that many of the Surinamese folks we spoke to carried the identical sentiments in the direction of the Moroccan youth.
mexican online pharmacies prescription drugs mexico pharmacies prescription drugs mexican mail order pharmacies
1win bet apk 1win bet apk .
Incredibly the project was constructed at zero extra cost, with payback kicking in on day one.
Schmitt, Paul (April 11, 2020).
1win apk download 1win apk download .
apk 1win http://www.1winapkdownload1win.com .
Gleiberman, Owen (October 24, 1997).
drug medication http://indianpharmdelivery.com/# Online medicine home delivery
And apart from that I used the help of Amazon to transform our dining room into a world of Sonic the Hedgehog.
Intumescent coatings require lower maintenance, improve durability, provide longer shelf-life, and also assist the corrosion safety of steel constructions in buildings.
Профессиональный сервисный центр по ремонту сотовых телефонов в Москве.
Мы предлагаем: починить ноутбук в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
I’ve a limited number of those sets, so get yours earlier than they are all gone.
Do you are feeling that people are nonetheless learning concerning the Afro-Italian expertise?
Quietum Plus
Diablo 4 boost https://gamerspecials.com/
You’ve articulated this issue perfectly.오피