Upgrade to Pro — share decks privately, control downloads, hide ads and more …

フロントエンドLT会 - vol.4

takaokamenoue
September 15, 2021
6.1k

フロントエンドLT会 - vol.4

takaokamenoue

September 15, 2021
Tweet

Transcript

  1. :active :any-link :blank :checked :current (en-US) :default :defined :dir() :disabled

    :drop :empty :enabled :first :first-child :first-of-type :fullscreen :future (en-US) :focus :focus-visible :focus-within :has() :host :host() (en-US) :host-context() :hover :indeterminate :in-range :invalid :is() :lang() :last-child :last-of-type :left :link :local-link (en-US) :not() :nth-child() :nth-col() (en-US) :nth-last-child() :nth-last-col() (en-US) :nth-last-of-type() :nth-of-type() :only-child :only-of-type :optional :out-of-range :past (en-US) :placeholder-shown :read-only :read-write :required :right :root :scope :target :target-within (en-US) :user-invalid (en-US) :valid :visited :where()
  2. ::after (:after) ::backdrop ::before (:before) ::cue ::cue-region (en-US) ::first-letter(:first-letter) ::first-line

    (:first-line) ::grammar-error ::marker ::part() ::placeholder ::selection ::slotted() ::spelling-error
  3. HTML CSS Result ::before と ::after 【コロンの数について (:before , ::before)】

    ::は、疑似要素と疑似セレクターを区別すること を目的とした形式。IE 8のサポートが必要ない 場合は、ダブルコロンを使用する。 【アクセシビリティについて】 ・CSSをオフにすると表示されない ・スクリーンリーダーで読み上げられる