CSS 2.1と比べて、CSS 3には多数のセレクタが追加されている。そのひとつに属性セレクタがある。CSS 2.1では完全一致による指定しかできなかったが【1】、CSS 3では部分一致での指定が可能になった【2】。これにより、リンク先がPDFファイルの場合にPDF ...

お疲れ様です。このCSSの学習もだいぶ進みましたね〜今日もセレクタについて学習します。 現状が上の画像。 まずは「セレクタについて」というテキストを真ん中に持ってくる。htmlファイルを見るとh1タグに囲まれてるやつだね。なので、CSSを書くときは ...

こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 今回取り上げるCSSの機能はCascade Layersです。 Cascade Layersは、 「⁠レイヤー」 と呼ばれる階層を独自に定義することで、CSS適用の優先順位をコントロールする機能です。利用時は@layer ...

CSS3で追加されたセレクタによって、CSSをより簡単に記述できるようになった。 ここでは従来のセレクタの概要をおさらいしつつ、CSS3で追加されたセレクタについて解説しよう。 CSSセレクタとは、スタイルを適用する範囲を指定するものだ。 CSSで指定 ...

CSS (Cascading Style Sheets) は、HTMLで作成されたWebページの見た目（デザイン、レイアウト）を定義するための言語です。 HTMLがWebページの「骨格」を作るのに対し、CSSは「化粧」をする役割を担います。 1. CSSの基本構文 CSSは「誰に」「何を」適用するかを記述し ...

はじめまして！ サイボウズ フロントエンドエキスパートチームの麦島です。 本連載では、Webフロントエンドに関してもう一歩踏み込んだ知識について、サイボウズ フロントエンドエキスパートチームのメンバーによって不定期で解説記事を掲載していき ...