WEB-RSS2.0ATOM1.0さすらいのWeb制作家、MAKOCHINがつづるブログサイト。Web制作に関する知識を備忘録的に書いているだけのサイトです。ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。ご興味のある方はどうぞ。さすらいのWeb制作家。Web制作の修行に勤しむ毎日を過ごす。一部に対して指定する。(CSS#では「:」を2つ付ける)::before・要素の直前に内容を挿入する。{content:"★";}html<p>こんにちは</p>ブラウザの表示こんにちは★https://www.htmq.com/selector/after.shtml::first-letter・要素の最初の文字にスタイルを適用する。{color:#ff0000;}html<p>こんにちは</p>ブラウザの表示こんにちはhttps://www.htmq.com/selector/first-letter.shtml::first-line・要素の最初の行にスタイルを適用する。{color:#ff0000;}html<p>おはよう<br>こんにちは<br>こんばんわ</p>ブラウザの表示おはようこんにちはこんばんわhttps://www.htmq.com/selector/first-line.shtml::selection・指定要素の文字選択時のスタイルを適応する。#fff;}html<p>こんにちは</p>ブラウザの表示こんにちはhttps://developer.mozilla.org/ja/docs/Web/CSS/::selection※記事掲載現在では、::selection擬似要素は標準路線上のどのCSSモジュールにも存在しません。擬似クラス・指定した要素全体にかかる。名前https://www.htmq.com/selector/focus.shtml:lang・特定の言語を指定された要素にスタイルを適用する。id="link">リンクされると色が変わります</p>ブラウザの表示リンクしますリンクされると色が変わりますhttps://www.htmq.com/selector/target.shtml:root・文書のルートとなる要素へのスタイル指定(HTML文書ならばhtml要素がルートになる)。{background-color:#ff0000;}※上記の指定だとhtml要素に背景色「赤」のスタイル指定になります。https://www.htmq.com/selector/root.shtml:nth-child・指定要素のうちの指定番目にスタイル指定。{color:#0000ff;}https://www.htmq.com/selector/nth-child.shtml:nth-last-child・指定要素の中で後ろから数えた指定番目にスタイル指定。{color:#ff0000;}https://www.htmq.com/selector/nth-last-child.shtml:nth-of-type・指定要素のその種類のうちの指定番目にスタイル指定。{color:#0000ff;}https://www.htmq.com/selector/nth-of-type.shtml:nth-last-of-type・指定要素のその種類の中で後ろから数えた指定番目にスタイル指定。{color:#ff0000;}https://www.htmq.com/selector/nth-last-of-type.shtml:first-child・指定要素と同じ最初の要素にスタイル指定。{color:#ff0000;}html<p>おはよう</p><p>こんにちは</p>ブラウザの表示おはようこんにちはhttps://www.htmq.com/selector/first-child.shtml:last-child・指定要素と同じ最後の要素にスタイル指定。{color:#ff0000;}html<p>おはよう</p><p>こんにちは</p>ブラウザの表示おはようこんにちはhttps://www.htmq.com/selector/last-child.shtml:first-of-type・指定要素と同じ種類の最初の要素にスタイル指定。{color:#ff0000;}html<p>おはよう</p><p>こんにちは</p>ブラウザの表示おはようこんにちはhttps://www.htmq.com/selector/first-of-type.shtml:last-of-type・指定要素と同じ種類の最後の要素にスタイル指定。{color:#ff0000;}html<p>おはよう</p><p>こんにちは</p>ブラウザの表示おはようこんにちはhttps://www.htmq.com/selector/last-of-type.shtml:only-child・指定要素の親要素内で、指定要素が1つだけの場合にスタイルが適応される。class="contents"><p>こんばんわ</p></div>ブラウザの表示おはようこんにちはこんばんわhttps://www.htmq.com/selector/only-child.shtml:only-of-type・指定要素の親要素内で、指定要素の種類が1つだけの場合にスタイルが適応される。3個https://www.htmq.com/selector/empty.shtml:not・条件に当てはまる要素以外にスタイルを適応する。href="https://www.google.co.jp">google</a></p><p>リンクなし</p>ブラウザの表示Yahoo!googleリンクなしhttps://www.htmq.com/selector/not.shtml:enabled・フォームのinput、textareaなどが使用可能な状態のときにスタイルが適応されます。disabled></textarea>ブラウザの表示https://developer.mozilla.org/ja/docs/Web/CSS/:enabled:disabled・フォームのinput、textareaなどが使用不可能な状態のときにスタイルが適応されます。disabled></textarea>ブラウザの表示https://www.htmq.com/selector/disabled.shtml:checked・フォームのラジオボタン、チェックボックスでチェックが入っているときにスタイルが適応されます。cssコメントを残す返信をキャンセルする。