2011.05.12 | kotaro
こんばんわ
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>
私が使うのはこれくらいでしょうか・・・