カウンセリング[CSS]擬似クラス４つ「:first-child」「:last-child」「:first-of-type」「:last-of-type」
投稿日時：2014年9月4日
ここ最近は、残暑も鳴りを潜めて気持ちのよい秋風を感じますね。少ししたら暑さがぶり返すんでしょうけれど… 私は秋が一番好きな季節なので、わくわくしています。 スタッフ「ほ」です。 さて、前回、前々回と擬似クラスをご紹介していますが、忘れちゃわないうちに、さらに畳み掛けていきます。 今回は、使い方が似ていることもあり、４つの擬似クラスを一気にご紹介していきます。 :first-child :last-child :first-of-type :last-of-type ひとつずつ見ていきましょう :first-child 擬似クラス :first-child擬似クラスは、一番最初の子要素が指定した…
9月マンスリーギフト
投稿日時：2014年9月3日
こんにちは！ も～9月 秋の足音が聞こえそうな感じですね！ Yahoo！に今日は『HAPPY BIRTHDAY ドラえもん』と書いてあり、 今日はドラえもんの誕生日だということを知った『J』です。 9月になったので、今月のマンスリーギフトをご紹介いたします。 今月はこれ 『秋色つまった巾着袋』と題しまして、巾着袋の中にはミックスナッツが 入っています。 巾着袋は、環境にやさしいエコ素材として注目されている不織布で作って います。小物入れなどなどいろいろな場面でお使いいただける巾着袋と なっています。 『秋』をイメージしたギフ…
Mac ショートカット 小技
投稿日時：2014年9月2日
先週辺りはどうしちゃったんだろう、という位寒い日々が続きました。 夏休みをその辺りに頂いておりましたが、寒いし天気も悪いし… でも、今日は久しぶりに天気もよくて暖かい。と、思っているスタッフ『の』です。 さて今回はMacのショートカット。 Macのシステム終了に「アップル」メニューからいくのが面倒という方にご紹介します。Macはシステム終了のショートカットキーとして、 「control」+「イジェクト（メディアの取り出し）」キー で以下のダイアログが出ます。 ちなみにWinでは、何か閉じたり終了したりするショートカットキーとして、 「Alt」+「F4」 が使えます。 以上、Mac…
[CSS]:nth-of-type疑似クラス
投稿日時：2014年9月1日
9月になりました！ 我が家の息子も、今日から張り切って幼稚園に行き出しました。幼稚園児は宿題が無くていいですね。これが小学生になったら、9月1日の様子も変わるのでしょうか。 スタッフ「ほ」です。 さて、前回に続き、今回もCSSネタでいってみたいと思います。 前回ご紹介した「nth-child疑似クラス」は、●番目の特定の要素に装飾をすることができるスグレモノでした。 が、この疑似クラスにはひとつ弱点があるのです。 例えば、以下のようなHTMLソースがあった場合 【HTML】 <div id=”content”> <h2>１つめの中見出し</h2> <p…
[CSS]:nth-child疑似クラス
投稿日時：2014年8月28日
昨日、シフトのお休みをいただきまして、「よーし！夏も終わりだし、最後に海とはいかないまでもプールにいくぞー！」と家族で張り切っていたら、思い切り雨に降られました……orz スタッフ「ほ」です。 その分、屋内遊園地で遊んできました。 さて、超！久しぶりのCSSネタ。疑似クラスのご紹介です。 思えば、前回の:focusをご紹介してから、2年近くの時間が経っております……そんなに？って自分で過去のエントリー調べて驚いてしまいました。 それはさておき、今回ご紹介する疑似クラスは :nth-childです。 表記としては E:nth-child(n) と書かれます。 ちょっとわかりづらいですね。はい。 …