{"id":290,"date":"2019-01-03T13:07:22","date_gmt":"2019-01-03T09:07:22","guid":{"rendered":"http:\/\/keksus.com\/?p=290"},"modified":"2025-01-03T16:49:47","modified_gmt":"2025-01-03T12:49:47","slug":"emmet-code-examples-sublime-text","status":"publish","type":"post","link":"https:\/\/hostatto.com\/blog\/emmet-code-examples-sublime-text.html","title":{"rendered":"Emmet code examples in Sublime text"},"content":{"rendered":"

Run in Sublime menu Package Control: Install Package<\/strong> command,\u00a0type Emmet and install it.
\nFirst\u00a0type code\u00a0in\u00a0Emmet<\/strong> syntax, after that press Tab<\/strong> on your keyboard and view result.<\/p>\n

ul.nav<\/strong><\/p>\n

<ul class=\"nav\"><\/ul><\/pre>\n
li{some text}*2<\/strong><\/p>\n
<li>some text<\/li>\r\n<li>some text<\/li><\/pre>\n
ul.nav>li{some text}*2<\/strong><\/p>\n
<ul class=\"nav\">\r\n    <li>some text<\/li>\r\n    <li>some text<\/li>\r\n<\/ul><\/pre>\n
a{link text}<\/strong><\/p>\n
<a href=\"\">link text<\/a><\/pre>\n
a[href=#]{link text}<\/strong><\/p>\n
<a href=\"#\">link text<\/a><\/pre>\n
li>a[href=#]{link text}*3<\/strong><\/p>\n
<li>\r\n    <a href=\"#\">link text<\/a>\r\n    <a href=\"#\">link text<\/a>\r\n    <a href=\"#\">link text<\/a>\r\n<\/li><\/pre>\n
ul.nav>li*3>a[href=#]{link text$}<\/strong><\/p>\n
<ul class=\"nav\">\r\n    <li><a href=\"#\">link text1<\/a><\/li>\r\n    <li><a href=\"#\">link text2<\/a><\/li>\r\n    <li><a href=\"#\">link text3<\/a><\/li>\r\n<\/ul><\/pre>\n
.menu>ul.nav>li*3>a[href=#]{link text$}<\/strong><\/p>\n
<div class=\"menu\">\r\n    <ul class=\"nav\">\r\n        <li><a href=\"#\">link text1<\/a><\/li>\r\n        <li><a href=\"#\">link text2<\/a><\/li>\r\n        <li><a href=\"#\">link text3<\/a><\/li>\r\n    <\/ul>\r\n<\/div><\/pre>\n
.menu>.first+.second<\/strong><\/p>\n
<div class=\"menu\">\r\n    <div class=\"first\"><\/div>\r\n    <div class=\"second\"><\/div>\r\n<\/div><\/pre>\n
.menu>.block*2<\/strong><\/p>\n
<div class=\"menu\">\r\n    <div class=\"block\"><\/div>\r\n    <div class=\"block\"><\/div>\r\n<\/div><\/pre>\n
.menu>.block*2>li{some text}*2<\/strong><\/p>\n
<div class=\"menu\">\r\n    <div class=\"block\">\r\n        <li>some text<\/li>\r\n        <li>some text<\/li>\r\n    <\/div>\r\n    <div class=\"block\">\r\n        <li>some text<\/li>\r\n        <li>some text<\/li>\r\n    <\/div>\r\n<\/div><\/pre>\n
.menu>.block*2>ul.nav>li*3>a[href=#]{link text$}<\/strong><\/p>\n
<div class=\"menu\">\r\n    <div class=\"block\">\r\n        <ul class=\"nav\">\r\n            <li><a href=\"#\">link text1<\/a><\/li>\r\n            <li><a href=\"#\">link text2<\/a><\/li>\r\n            <li><a href=\"#\">link text3<\/a><\/li>\r\n        <\/ul>\r\n    <\/div>\r\n    <div class=\"block\">\r\n        <ul class=\"nav\">\r\n            <li><a href=\"#\">link text1<\/a><\/li>\r\n            <li><a href=\"#\">link text2<\/a><\/li>\r\n            <li><a href=\"#\">link text3<\/a><\/li>\r\n        <\/ul>\r\n    <\/div>\r\n<\/div><\/pre>\n","protected":false},"excerpt":{"rendered":"
...<\/p>\n","protected":false},"author":1,"featured_media":227,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28],"tags":[37,40,38,39],"class_list":["post-290","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","tag-emmet","tag-html","tag-sublime","tag-sublime-text3"],"_links":{"self":[{"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/posts\/290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/comments?post=290"}],"version-history":[{"count":0,"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/posts\/290\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/media\/227"}],"wp:attachment":[{"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/media?parent=290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/categories?post=290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hostatto.com\/blog\/wp-json\/wp\/v2\/tags?post=290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}