2011.05.12 | 

こんばんわ
DevJamのコータローです。

ちょっと前に流行ったzen-coding
表記方法を忘れてしまうのでメモ

div


<div></div>


div#hoge


<div id="hoge"></div>


div.hoge


<div class="hoge"></div>


div#hoge.hoge2


<div id="hoge" class="hoge2"></div>


div#hoge.hoge2.hoge3


<div id="hoge" class="hoge2 hoge3"></div>


div#hoge+div#hoge2


<div id="hoge"></div>
<div id="hoge2"></div>


div#hoge>div#hoge2


<div id="hoge">
<div id="hoge2"></div>
</div>


div.hoge*5


<div class="hoge"></div>
<div class="hoge"></div>
<div class="hoge"></div>
<div class="hoge"></div>
<div class="hoge"></div>


div.hoge$*5


<div class="hoge1"></div>
<div class="hoge2"></div>
<div class="hoge3"></div>
<div class="hoge4"></div>
<div class="hoge5"></div>


table+


<table>
<tr>
<td></td>
</tr>
</table>


ul+


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


dl+


<dl>
<dt></dt>
<dd></dd>
</dl>


私が使うのはこれくらいでしょうか・・・