Web開発者向けのコードショートカット

2041 ワード

beginners vscode webdev shortcuts テキストリンク

IDとクラス属性

div

<div id="header"></div>

ヘッダー

<div class="header"></div>

div 1 .クラス1

<div id=id1" class="class1"></div>

.クラス2クラス3

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

乗算

ul > li * 2

<ul>
  <li></li>
  <li></li>
</ul>

3 .子

Nav > ul > Li

<nav> 
  <ul><li></li></ul>
</nav>

兄弟

div + p + a

<div></div>
<p></p>
<a></a>

テキスト

{クリックMe }

<a href="">Click Me</a>

グループ化

div > (ヘッダ> 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>

暗黙のタグ名

ul＞クラス

<ul>
  <li class="class"></li>
</ul>

テーブル>行>.コル

<table>
  <tr class="row">
    <td class="col"></td>
  </tr>
</table>

8 .項目番号
UL＞Li.アイテム$ 3

<ul>
  <li classs="item1"></li>
  <li classs="item1"></li>
  <li classs="item1"></li>
</ul>

この問題について(Web開発者向けのコードショートカット), 我々は、より多くの情報をここで見つけました https://dev.to/sandeepk27/vs-code-shortcuts-for-web-developers-52ei

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol