CSS-en

What are CSS pseudo-elements? A beginner's guide!

0
0

A CSS pseudo-element is a keyword that is added to a selector, such as

 

CSS pseudo-elements are keywords added to the selector that allow you to style specific parts of the selected element.

 

For example, the ::first-line pseudo-element can be used to change the font of the first line of a p tag.

 

p::first-line {
  color: blue;
  text-transform: uppercase;</ span>
}

 

 

 

Like this

Only one pseudo-element can be used per selector. It must be placed after the simple selector in the statement.

 

Note: As a rule, use a double colon (:) instead of a single colon (:). This will distinguish between pseudo-elements and pseudo-classes. However, older versions of the W3C specification do not make such a distinction, and many browsers support both syntaxes of the original pseudo-element.

.

 

Other List of pseudo-elements

.

::after (:after)::first-letter (:first-letter)::part()
::backdrop::first-line (:first-line)::placeholder
::before (:before)::grammar-error::selection
::cue::marker::slotted()
::cue-region (en-US)::spelling-error
Pocket
LinkedIn にシェア

りょすけ
毎月3万人以上のプログラマーが訪れるoff.tokyoで、プログラマーさん向けのアンケートを実施しています、アンケートに無料回答すると、他の人の投票も見ることが出来ます!

学びたいプログラミング言語は何ですか?

 vaaaval@gmail.com



  • この記事を書いた人
  • 最新記事

藤沢瞭介(Ryosuke Hujisawa)

りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

-CSS-en

Copyright© off.tokyo , 2021 All Rights Reserved Powered by AFFINGER5.