LINE2019.02.17スポンサーリンクスポンサーリンク目次セレクタとはCSSを記述する際のセレクタJavaScriptを記述する際のセレクタセレクタの指定方法まとめタグ名のセレクタid属性のセレクタclass属性のセレクタ全称セレクタ複数セレクタ子孫セレクタ子要素セレクタ属性セレクタtype属性を取得する場合セレクタとはCSSやJavaScriptを使ってHTMLのDOMを修飾したり取得・操作したりする際、セレクタを指定することになります。セレクタはHTMLのタグであったり、id属性やclass属性だったりと様々な種類があります。CSSとJavaScript、それぞれどのようにしてセレクタを使用するかを確認しておきます。値}”の形式で指定します。}JavaScriptを記述する際のセレクタJavaScriptでは、例えばDOM要素を取得する際に使用する”querySelector()”の引数としてセレクタを指定します。document.querySelector('h1');セレクタの指定方法まとめそれではHTML要素のタグ名やid属性、class属性などを指定するときに、セレクタをどのように書けば良いかを確認していきましょう。タグ名のセレクタタグ名を指定する際は、次のようにタグ名をそのまま使用します。example)の前に付けます。example)の前に付けます。}JavaScriptdocument.querySelector('.example');全称セレクタすべての要素を指定する際は、”*”を使用します。}JavaScriptdocument.querySelector('*');複数セレクタ複数の要素を指定する際は、次のように”,”で繋ぎます。子孫要素」と書きます。子孫要素」と書きます。p');属性セレクタ特定の属性を指定する際は、次のように「[属性名]」と書きます。属性セレクタを使うと、例えばinput要素のtypeを取得することができます。}JavaScriptdocument.querySelector('input[type=submit]');以上、CSSやJavaScriptを扱う上で必須となるセレクタについてのまとめでした。Constructor関連記事HTML&CSSたった4行のCSSでフッターを画面の最下部(一番下)に表示する方法【flexbox】この記事では、フッターを画面の最下部(一番下)に固定して表示する方法を紹介します。「フッターが画面の最下部に表示できず、困っている」という方は、以降で紹介している方法を試してみてください。次のCodePenのHTMLをご覧く...HTML&CSS【HTML】aタグで作ったリンクのクリック範囲を親要素のサイズに広げる方法【CSS】この記事では、「aタグで作ったリンクのクリック範囲を、親要素と同じサイズに広げたい」とお困りの方に、解決方法を紹介しています。今回はFlexboxを使って、要素を上下や左右に中央揃えする方法を紹介します。flex"を設定する必要があります。調整したい位置によって"display:...HTML&CSS【HTML】画像の上に画像やアイコン、文字を重ねて表示する方法【CSS】この記事では、「画像の上にアイコンや文字、画像を重ねて表示する方法」を紹介します。次の画像をご覧ください。この画像では、右下に「いいね」ボタンを表示しています。Vue.jsを使って開発したりしてます。Constructor.お問い合わせプライバシーポリシ。