1<!doctype html> 2<!--[if lt IE 7]> <html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 3<!--[if IE 7]> <html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]--> 4<!--[if IE 8]> <html class="no-js lt-ie10 lt-ie9"> <![endif]--> 5<!--[if IE 9]> <html class="no-js lt-ie10"> <![endif]--> 6<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> 7<head> 8<meta charset="utf-8" /> 9<meta http-equiv="X-UA-Compatible" content="chrome=1" /> 10<title>Select Item</title> 11<link rel="shortcut icon" href="/-/3755353140/favicon.ico" /> 12<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> 13<link rel="stylesheet" href="/-/3034278362/css/main.css" /> 14</head> 15<body> 16 <div class="wrapper"> 17 <header class="page-header"> 18 <h1 class="site-title"> 19 20 <a href="/">Emmet Documentation</a> 21 22 </h1> 23 <p class="back-to-main"><a href="http://emmet.io">Back to main website</a></p> 24 <div id="gptong-container"> 25 <div class="gptong"> 26
26<script> 27 function __carbonFallback(script) { 28 var domain = 'sup.emmet.io'; 29 var fallback = document.createElement('script'); 30 fallback.async = true; 31 fallback.id = script.id; 32 fallback.src = script.src.replace(/^(\w+:\/\/)([^\/]+)/, '$1' + domain) + '\u0026cd=' + domain; 33 34 script.parentNode.insertBefore(fallback, script); 35 script.parentNode.removeChild(script); 36 } 37 </script>
37 38
38<script async src="//cdn.carbonads.com/carbon.js?serve=CKYIKK7J&placement=emmetio" id="_carbonads_js" onerror="__carbonFallback(this)"></script>
38 39 </div> 40 </div> 41 42 <nav> 43 44 45<ul class="nav"> 46 47 <li class="nav__item"> 48 49 <a href="/abbreviations/">Abbreviations</a> 50 51 52 53<ul class="nav"> 54 55 <li class="nav__item"> 56 57 <a href="/abbreviations/syntax/">Syntax</a> 58 59 60 </li> 61 62 <li class="nav__item"> 63 64 <a href="/abbreviations/types/">Element types</a> 65 66 67 </li> 68 69 <li class="nav__item"> 70 71 <a href="/abbreviations/implicit-names/">Implicit tag names</a> 72 73 74 </li> 75 76 <li class="nav__item"> 77 78 <a href="/abbreviations/lorem-ipsum/">âLorem Ipsumâ generator</a> 79 80 81 </li> 82 83</ul> 84 85 86 </li> 87 88 <li class="nav__item"> 89 90 <a href="/css-abbreviations/">CSS Abbreviations</a> 91 92 93 94<ul class="nav"> 95 96 <li class="nav__item"> 97 98 <a href="/css-abbreviations/vendor-prefixes/">Vendor prefixes</a> 99 100 101 </li> 102 103 <li class="nav__item"> 104 105 <a href="/css-abbreviations/gradients/">Gradients</a> 106 107 108 </li> 109 110 <li class="nav__item"> 111 112 <a href="/css-abbreviations/fuzzy-search/">Fuzzy search</a> 113 114 115 </li> 116 117</ul> 118 119 120 </li> 121 122 <li class="nav__item nav__item_selected"> 123 124 <a href="/actions/">Actions</a> 125 126 127 128<ul class="nav"> 129 130 <li class="nav__item"> 131 132 <a href="/actions/expand-abbreviation/">Expand Abbreviation</a> 133 134 135 </li> 136 137 <li class="nav__item"> 138 139 <a href="/actions/match-pair/">Balance</a> 140 141 142 </li> 143 144 <li class="nav__item"> 145 146 <a href="/actions/go-to-pair/">Go to Matching Pair</a> 147 148 149 </li> 150 151 <li class="nav__item"> 152 153 <a href="/actions/wrap-with-abbreviation/">Wrap with Abbreviation</a> 154 155 156 </li> 157 158 <li class="nav__item"> 159 160 <a href="/actions/go-to-edit-point/">Go to Edit Point</a> 161 162 163 </li> 164 165 <li class="nav__item nav__item_selected"> 166 167 <strong>Select Item</strong> 168 169 170 </li> 171 172 <li class="nav__item"> 173 174 <a href="/actions/toggle-comment/">Toggle Comment</a> 175 176 177 </li> 178 179 <li class="nav__item"> 180 181 <a href="/actions/split-join-tag/">Split/Join Tag</a> 182 183 184 </li> 185 186 <li class="nav__item"> 187 188 <a href="/actions/remove-tag/">Remove Tag</a> 189 190 191 </li> 192 193 <li class="nav__item"> 194 195 <a href="/actions/merge-lines/">Merge Lines</a> 196 197 198 </li> 199 200 <li class="nav__item"> 201 202 <a href="/actions/update-image-size/">Update Image Size</a> 203 204 205 </li> 206 207 <li class="nav__item"> 208 209 <a href="/actions/evaluate-math/">Evaluate Math Expression</a> 210 211 212 </li> 213 214 <li class="nav__item"> 215 216 <a href="/actions/inc-dec-number/">Increment/Decrement Number</a> 217 218 219 </li> 220 221 <li class="nav__item"> 222 223 <a href="/actions/reflect-css-value/">Reflect CSS Value</a> 224 225 226 </li> 227 228 <li class="nav__item"> 229 230 <a href="/actions/base64/">Encode/Decode Image to data:URL</a> 231 232 233 </li> 234 235</ul> 236 237 238 </li> 239 240 <li class="nav__item"> 241 242 <a href="/filters/">Filters</a> 243 244 245 246<ul class="nav"> 247 248 <li class="nav__item"> 249 250 <a href="/filters/bem/">Yandex BEM/OOCSS</a> 251 252 253 </li> 254 255</ul> 256 257 258 </li> 259 260 <li class="nav__item"> 261 262 <a href="/customization/">Customization</a> 263 264 265 266<ul class="nav"> 267 268 <li class="nav__item"> 269 270 <a href="/customization/snippets/">snippets.json</a> 271 272 273 </li> 274 275 <li class="nav__item"> 276 277 <a href="/customization/preferences/">preferences.json</a> 278 279 280 </li> 281 282 <li class="nav__item"> 283 284 <a href="/customization/syntax-profiles/">syntaxProfiles.json</a> 285 286 287 </li> 288 289</ul> 290 291 292 </li> 293 294 <li class="nav__item"> 295 296 <a href="/cheat-sheet/">Cheat Sheet</a> 297 298 299 </li> 300 301</ul> 302 303 </nav> 304 <div class="more-tools"> 305 <p class="more-tools__title">More developer tools:</p> 306 <ul class="more-tools__list"> 307 <li class="more-tools__list-item more-tools__list-item_livestyle"> 308 <a href="http://livestyle.io" class="more-tools__list-item-link"> 309 Emmet LiveStyle 310 <div class="more-tools__list-item-info">Real-time bi-directional edit tool for CSS, LESS and SCSS.</div> 311 </a> 312 </li> 313 <li class="more-tools__list-item more-tools__list-item_review"> 314 <a href="http://re-view.emmet.io" class="more-tools__list-item-link"> 315 Emmet Re:view 316 <div class="more-tools__list-item-info">Fast and easy way to test responsive design side-by-side.</div> 317 </a> 318 </li> 319 </ul> 320 </div> 321 </header> 322 <section class="page-content"> 323 <div class="bsa-cpc"></div> 324 <h1><a name="select-item" href="/actions/select-item/#select-item" class="anchor"></a>Select Item</h1> 325<p>Action is similar to <a href="/actions/go-to-edit-point/">âGo to Edit Pointâ</a>, but selects important code parts.</p> 326<p>In HTML, these are tag name, full attribute and attribute value. For class attribute it also selects distinct classes.</p> 327<textarea class="movie-def"> 328|<section> 329 <p></p> 330 <div class="main footer"></div> 331 332 <script>var str = '<div class="main footer"></div>';</script> 333</section> 334@@@ 335run: {command: 'emmet.select_next_item', times: 7} ::: âSelect Next Itemâ (Shift-Cmd-.) 336wait: 1000 337run: {command: 'emmet.select_previous_item', times: 6} ::: âSelect Previous Itemâ (Shift-Cmd-,) 338wait: 1000 339moveTo: 4:12 340wait: 1000 341tooltip: âSelect Itemâ action may also work in non-HTML syntaxes 342wait: 500 343run: {command: 'emmet.select_next_item', times: 5} 344</textarea> 345 346<p>In CSS, it matches selector, full property and property value. For complex values and functions like <code>1px solid red</code> or <code>url(image.jpg)</code> also selects part of it.</p> 347<textarea class="movie-def"> 348|body { 349 border: 1px solid black; 350 background: url(image.jpg) #ccc no-repeat; 351} 352@@@ 353run: {command: 'emmet.select_next_item', times: 12} ::: âSelect Next Itemâ (Shift-Cmd-.) 354wait: 1000 355run: {command: 'emmet.select_previous_item', times: 11} ::: âSelect Previous Itemâ (Shift-Cmd-,) 356@@@ 357mode: text/css 358</textarea> 359<div id="disqus_thread"></div> 360<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> 361<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a> 362 </section> 363 <div class="clear"></div> 364 <footer class="page-footer"> 365 <p class="small-text">Support: <a href="mailto:[email protected]">[email protected]</a><br />Created with <a href="https://github.com/bevry/docpad">DocPad</a> and <a href="http://gulpjs.com">Gulp.js</a><br />Minimal theme by <a href="https://github.com/orderedlist/minimal">orderedlist</a></p> 366 <p class="small-text"><a href="https://github.com/emmetio/emmet-docs/tree/master/src/documents/actions/select-item/index.html.md">View page source on GitHub</a></p> 367 </footer> 368 </div> 369
370<script src="/-/1075052327/js/main.js"></script>
vendor: 1 bytes, line 370
370
371<script> 372 var _gaq = _gaq || []; 373 _gaq.push(['_setAccount', 'UA-4523560-5']); 374 _gaq.push(['_trackPageview']); 375 376 (function() { 377 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 378 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 379 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 380 })(); 381 382 if (document.getElementById('disqus_thread')) { 383 var disqus_shortname = 'emmetdocs'; 384 (function() { 385 var dsq = document.createElement('script'); 386 dsq.type = 'text/javascript'; 387 dsq.async = true; 388 dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js'; 389 document.getElementsByTagName('head')[0].appendChild(dsq); 390 })(); 391 } 392</script>
vendor: 1 bytes, line 392
392
393<script src="//m.servedby-buysellads.com/monetization.js" type="text/javascript"></script>
vendor: 1 bytes, line 393
393
394<script> 395(function() { 396 if(typeof _bsa !== 'undefined') { 397 if (_bsa) { 398 _bsa.init('default', 'CKYD4K7N', 'placement:emmetio', { 399 target: '.bsa-cpc', 400 align: 'horizontal', 401 disable_css: 'true' 402 }); 403 } 404 } 405})(); 406</script>
406 407</body> 408</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.