Movatterモバイル変換

はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数！

アプリで開く

はてなブックマーク

閉じる

テクノロジー
CSSセレクタのチートシート｜37パターンを一覧で解説

気に入った記事をブックマーク

気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
記事を読んだ感想やメモを書き残せます
非公開でブックマークすることもできます

CSSセレクタのチートシート｜37パターンを一覧で解説

テクノロジーカテゴリーの変更を依頼記事元:

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

813usersがブックマークコメント

コメント

47

ゲスト

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

おすすめタグタグについて

よく使うタグ

CSSセレクタのチートシート｜37パターンを一覧で解説

813 users

おすすめタグタグについて

よく使うタグ

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント47件

注目コメント
新着コメント

vlxst1224コレが印刷された下敷きとかクリアファイルあったらほしい。義務教育時代にあったらよかった（義務教育時代にCSSなんて使わねえだろ

ちゃんとしたブクマ

2019/02/08リンク

その他

nakayuki805朝見たときはスマホで拡大できなかったけど今はスマホですごく見やすくなっていて嬉しい

2019/02/08リンク

その他

yoshi-naいままでまとめは数あれど、俺が見た中では最高に見やすく分かりやすいので、初学の方はこれ見とけ

2019/02/08リンク

その他

abababababababa結構細かいことできるんですなぁ…！下敷き、クリアファイル、作ってくれたら学校単位で買うところ多そう。

あとで読む

2019/02/08リンク

その他

tym1101図だととてもイメージしやすく分かりやすい

2019/02/08リンク

その他

raimon49力作で分かり易い。正規表現みたいに属性値の先頭と終わりをマッチさせられるの知らなかった。

2019/02/08リンク

その他

Keisuke69これ便利だ。要素の指定の仕方とか知らないのも結構あった

2022/08/05リンク

その他

pekeqこれは直感的でいいな

2020/08/19リンク

その他

t_43z [css][Tips][cheatsheet]

2020/08/19リンク

その他

tbzsantarohわかりやすいCSSセレクタ一覧

2020/02/07リンク

その他

yamadar視覚的でわかりやすい

2019/03/01リンク

その他

securecat01の図は、むしろ02につかうべきなのでは

2019/02/14リンク

その他

d4-1977とてもよくまとめられてる！

2019/02/11リンク

その他

ino-agileこれ、見易くていいですね

2019/02/10リンク

その他

hokorobi知らないのが多かった

2019/02/09リンク

その他

kei_0000後で試す

2019/02/09リンク

その他

mippaiこれよ

2019/02/09リンク

その他

light940分かりやすい！

2019/02/09リンク

その他

webooker知らんのあった…

2019/02/09リンク

その他

2019/02/09リンク

その他

yaminusi内容の正確性とか確認する前にまず「何でこのフォント選んじゃったの」という思いで一杯になるのは私のデザインセンスの無さ故か。

2019/02/09リンク

その他

2019/02/09リンク

その他

akiramazすごい見やすいデザインで感心

2019/02/09リンク

その他

kinushuこれはわかりやすい

2019/02/08リンク

その他

yoshi-naいままでまとめは数あれど、俺が見た中では最高に見やすく分かりやすいので、初学の方はこれ見とけ

2019/02/08リンク

その他

nakayuki805朝見たときはスマホで拡大できなかったけど今はスマホですごく見やすくなっていて嬉しい

2019/02/08リンク

その他

abababababababa結構細かいことできるんですなぁ…！下敷き、クリアファイル、作ってくれたら学校単位で買うところ多そう。

あとで読む

2019/02/08リンク

その他

hagenamaこれ助かる！いい！

2019/02/08リンク

その他

teruringo-childと-of-typeの違いが書いてないからやり直し

2019/02/08リンク

その他

a-yoshinaga0314見よう

2019/02/08リンク

その他

kosn(12)でいきなりソースじゃなくて"3列で表示した場合の図"になっててわかりにくいと思う

2019/02/08リンク

その他

syari3メモ

css

2019/02/08リンク

その他

punychan拡大できないのはブラウザのモバイルサイトモードのとき。ChromeもFirefoxも。

2019/02/08リンク

その他

gerres72いいね。

2019/02/08リンク

その他

deokisikun素敵！

2019/02/08リンク

その他

astrocyteflexboxのチートシートもよろしく！

あとで読む

2019/02/08リンク

その他

ゲスト

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

usersに達しました！

さんが1番目にブックマークした記事「CSSセレクタのチー...」が注目されています。

気持ちをシェアしよう

ツイートする

CSSセレクタのチートシート｜37パターンを一覧で解説

CSSセレクタのチートシートでは、要素セレクタ / classセレクタ / idセレクタ / 属性セレクタ / 複数セ...CSSセレクタのチートシートでは、要素セレクタ / classセレクタ / idセレクタ / 属性セレクタ / 複数セレクタ / 子孫セレクタ / 兄弟セレクタ / 隣接セレクタ / 擬似クラス / 擬似要素 / 全称セレクターから37パターンのセレクタの説明と実際のコードで使い方サンプルを紹介しています。

ブックマークしたユーザー

yggdra_w2025/08/18
tana0052025/03/28
montdsichel2024/11/12
rosymidlife2024/10/17
monoshizuka2024/08/08
goto_ai2024/07/09
minorusato2024/04/27
ka0022024/04/10
toshiharu_z2024/01/07
tyosuke20112023/11/13
yamam_s2023/08/23
mono-hate2023/05/02
m0me_htn2023/04/03
rightgo092023/03/24
yasu27042023/02/21
bomberkiddy2022/11/21
repon2022/10/09
harry00002022/09/04

すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025Hatena. All Rights Reserved.

設定を変更しましたx

[8]ページ先頭

©2009-2025 Movatter.jp