Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Emmet HTML div tag with multiple words class name

Tags:

I did not find the answer on documentation for this question.

As we know, div.container gives

<div class="container"> 

However, what abbreviation shall be used for

<div class="row placeholders"> 

Anyone knows? Thanks.

like image 745
day Avatar asked Sep 09 '15 00:09

day


People also ask

Can a div tag have multiple classes?

Absolutely, divs can have more than one class and with some Bootstrap components you'll often need to have multiple classes for them to function as you want them to. Applying multiple classes of course is possible outside of bootstrap as well.

How do I set attributes in Emmet?

Emmet can use [attr] notation (as in CSS) to add custom attributes to your elements, for example for a link. It is useful to add default values to elements. You can place as many attributes as you like inside square brackets [ ] .

How do you do Emmet in HTML?

To create basic HTML tags, just type the tag's name and hit Enter . Notice how Emmet puts your cursor inside the tag. You are now set up to continue typing inside the tag. Try typing: div then Enter , or h1 Enter , or p Enter .

What is Emmet abbreviation in HTML?

Emmet (formerly Zen Coding) is a set of plug-ins for text editors that allow for high-speed coding and editing in HTML, XML, XSLT, and other structured code formats via content assist.


1 Answers

From the Emmet Cheat Sheet:

p.class1.class2.class3     <p class="class1 class2 class3"></p> 

So, div.row.placeholders will give you:

<div class="row placeholders"></div> 
like image 94
MattDMo Avatar answered Nov 01 '22 22:11

MattDMo