first-child と ntn-child(1) の共存

考えるな感じろということで、無心で更新しています。
先に忠告しておきますが、方針が変わりメモ記事になっているので閉じるか解除してくださいね。

疑問点

コーディングをしている時に、ふと疑問に思いました。 first-childってntn-child(1)でもよくないか?と思い、気になって作業を中断しました。

皆さんは気になりませんでしたか?

  • first-childで指定した後に、ntn-child(3)を指定する
  • ntn-child(1)で指定した後に、ntn-child(3)で指定する

仮の話にはなりますが、下の場合だと統一感があると思ったんですよね。

last-childは必要

不特定多数の要素がある場合は、数えるのがめんどくさいのでlast-childが便利です。
「ナビゲーションが1つ減ります」ってなっても、last-childの指定はそのままでOKなんで、楽なんですよね。


first-childって必要?

first-childはどれだけ要素があっても、最初の要素になりますよね?
となると「ntn-child(1)でいいよね」ってなったんです。

教える立場にある人は、どのように説明しているのでしょうか。


答えは歴史にあり

CSSで先にfirst-childが使えるようになったから共存している。

CSS2.1:first-child
CSS3 : ntn-child()

CSS2.1とCSS3で使えるセレクタ一覧表 - ウェブランサー


上記のバージョン時に、記述されているセレクタが使えるようになりました。

先にfirst-childが使用できるようになり、後にntn-childが使えるようになりました。
なので現状first-childとntn-childが共存している状態です。

first-childの機能を含むntn-childが後からできたということになります。

ちなみにCSS3でlast-childが実装されたので、last-childが今後残っていくのであればfirst-childも対称性として残りそうです。

どちらを使う?

実装するならどっちがいいのかって疑問が残ったままなので調べてみます。
first-child VS ntn-child(1) ですかね。

実装する側の見やすさや、処理速度になりそうですが、、、

ここで解決しておけば、今後first-childを使うのかntn-child(1)を使うのか考えなくて済むので頑張ります。

中途半端になってますが、今日はここまでです。

広告を非表示にする

改めまして


お久しぶりです。飛車よりの角と申します。

落ち着いたので報告すると就職活動が終わりました。 プロ野球で例えると育成枠として働きます。
現在24歳なのですが、実力は小学生だ(ニュアンス的に)と言われ、相当の努力が必要だと言われました。 なのでここは作業をする上でぶち当たる箇所や気づきを提供できる場所にしたいと思います。

これまでは論理的な思考がデザイン業界で通じると考えていました。またそれを中心として記事を書こうと思っていましたが、実際にはそうではなさそうです。 論理的に考える人や感覚で捉える人、自分の判断基準を持っている人など様々です。 ただの作業メモになるかもしれませんが、その時は読者解除をするなどそっと閉じてください。 同じくらいのレベルの人や同じ悩みを持った人に役に立たれば幸甚です

ブログの使い方 

マテリアルチックですが全く違います。デザインについては感覚で仕上げています。 ウェブフォントの日本語フォントを導入しているので、かなり重たいかもしれません。

  • 「TOPに戻る」 - 右端にバーとして縦長にあります。どこからでも戻れるようにしました。残念ながら現在修正中です。下まで伸びるページと伸びないページが存在します。
  • 「SNSシェアボタン」- 現在何も触れていません。今後実装予定です。
  • 「読者ボタン」- ページの下層部分にあります。
  • 「Twitterフォローボタン」- ページの下層部分にあります。
  • 「一覧になるボタン」- 記事内の下層部分にあります。

※スマホ対応していますが不具合があればお知らせください。  


募金について

広告は停止させています。正直に言うと金額を意識する時が少なからず増えてしまい、デザインのブログといった本来の趣旨を忘れそうになりました。現在は約500円しかないので引き落とせる金額もありません。応援や賛同してくれた方に、広告収入をお伝えすると言っていたのでお知らせしておきます。結果として自分が安定してこそ他の何が救えるのではないかといった結論に至り、これからはできる限り本業を頑張りたいと思っています。


能力は低い

私は残念ながら頭が良くありません。国語は1番苦手で常に40点代でした。なのにも関わらずブログを始めました。 デザインもマネしたり、深い概念まで知っているわけではありません。このブログのコードもハリボテ感がすごいです。 ただこれからは個人がやろうと思えば何でもできる時代だと思っています。ブログは知識を定着できる場所であり、他の人にも役立つものでもあると思います。これから継続するにあたり「誤字」や、このコードはおかしいよ!などの「注意」をしていただけると助かります。


今後

来年の頭から働くために、現在課題を振られている状態です。そのためブログの更新は頻繁にできるとは思いませんが、できる限りアウトプットしていきたいと思います。おそらく通勤時間などの間でスマホベースで記事を執筆することになります。色付けや見出しなどブログの実装も少しづつ増やしていく予定です。Twitterでは自由に発言しているのでミュートしてください。


たにやんさんへのお礼

nani-suru.com

何といってもこの人へのお礼を私は忘れていません。経緯としてはAmazonギフト券3000円分と欲しいものリストから誕生日プレゼントをもらいました。 お礼はいろいろと考えていたのですが、結局お金も人望もあるなら、年下があげれるものは少ないと思います。 なので本日限り、この先はデザインの話ではありません。 大阪在住の私が美味しいところをピックアップします。 ぜひ大阪に来た時や、近畿圏内の人はご覧になってください。


大阪3大おでん

実は大阪には大阪3大おでんと言われている場所があります。 今のような冬の寒い季節に、熱燗としゅんでいる(大阪弁)大根を食べるのがオススメです。 「きくや」と「花くじら」には行きました。個人的には「花くじら」が美味しかったです。

☆ネギマが美味しいです。 tabelog.com

☆牛すじとねぎ袋が美味しいです。 tabelog.com

☆未知数です。笑 tabelog.com


大阪の焼肉は鶴橋

実は万両いう店が1位らしいのですが、行ったことがないので割愛。 鶴橋にある安くて美味しい、これぞ大阪の焼肉屋さんを紹介します。 「空」です。結構並んでいますが、本店以外にもあるので回転数が早く意外にあっさり食べれます。

☆牛タンが分厚くてビールとの相性は抜群。味付けは塩がオススメです。 tabelog.com


ラーメンでも塩ラーメン

結局周りでも美味いとよく言われるのが、「塩元帥」です。 これは大阪だけでなく他の都道府県にもあるみたいなので、ぜひ近ければ行ってみて欲しいと思います。

味噌もあったと思うのですが、結局塩ラーメンを食べてしまうほどのやみつき感があります。

tabelog.com


本当にありがとうございました。

実はモニター買いました。あのギフト券は全部本に消えましたが。 東京は盛り上がってそうと感じています。たにやんさんが誕生日の時は筋トレ器具か何かをプレゼントしたいと思います。。。 結局お礼はこんな形になります。お礼なのかはわかりませんが、とりあえずお礼をしなければとこの数ヶ月間忘れたことはないです。 たにやんさんは、行動すれば能力が身につくことを肌で感じさせる人物だと思っています。個人的にはいい刺激というか、改めて行動を考えさせてくれる人です。また何かあればよろしくお願いいたします。(かたいなぁ)


最後に

これからブログは少しずつ更新していきます。よろしくお願いいたします。

広告を非表示にする

T

O

P

飛車よりの角

Webデザインを基本としています。
読書・将棋(将棋ウォーズ2段)・筋トレにはまっています。最近では仮想通貨を少ししています。個人的メモのため、取捨選択はご自身の責任でお願い致します。