サクッとWEBで整形してくれる便利ツールのサイト!

多忙な方におすすめ、WEBでできる簡単整形サイト!

CSSで最初の一文字目を指定する方法

最近なってはじめて知ったのですが、
よく記事などで、一文字目が大きくしているサイトがあるのですが、
いままでPHPなどスクリプトでイジッテいるのかとおもってましたが、実はCSSだけでできた事に最近気づきました。

イトル・・・

上記のようにしたい場合。

.title:first-letter{
	font-size:20px;
	background-color:#eeeeee;
}

:first-letterと追記すれば一文字目だけのCSSを指定することができます。
上記例では、class=”title” の一文字目を背景グレーのフォントサイズ20pxにしています。

jqueryでのhtmlコピー(DOM操作)メモ

jQueryでselectboxなどプルダウンのオリジナルを用意しておき、
そのHTMLをコピーして使いまわしたい時のサンプルメモ。

<div id="list_select">
	{html_options name="list_select" options=list_select_list selected=$session->post.list_select_id}
</div>

上記のようにSmartyなどでフォームを作っている場合などに有効!

var this_id = "";
$j.each(txtArr,	function() {
	this_id = String(this);
	$j("#list_select").children().clone(true).appendTo($j("#list_select-" + this_id + " > .list_select_append"));
}

Selectボックスにはidとclassを設定しておき、class名を毎回変更させ、
2回目・3回目と繰り返すうちにばいばいに増えないようにしてます。