Rumah  >  Artikel  >  hujung hadapan web  >  Apakah yang diwakili oleh titik bertindih berganda dalam atribut css3?

Apakah yang diwakili oleh titik bertindih berganda dalam atribut css3?

青灯夜游
青灯夜游asal
2022-03-18 18:09:132056semak imbas

Tanda bertindih ganda atribut css3 menunjukkan bahawa atribut itu ialah pemilih unsur pseudo, iaitu pemilih yang digunakan untuk mencipta beberapa elemen yang tiada dalam pepohon DOM dan menambah gaya padanya. Elemen pseudo CSS3 termasuk "::selepas", "::sebelum", "::huruf pertama", "::baris pertama" dan seterusnya.

Apakah yang diwakili oleh titik bertindih berganda dalam atribut css3?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Tanda bertindih berganda dalam atribut css3 menunjukkan bahawa atribut itu ialah pemilih unsur pseudo.

Apakah itu unsur pseudo? Sebenarnya, ia boleh difahami dengan cara ini Elemen Pseudo sebenarnya adalah elemen maya yang tidak wujud (dalam bentuk kod), dan anda tidak dapat mencarinya dalam dokumen, jadi elemen pseudo adalah elemen maya. Elemen pseudo ialah pemilih yang digunakan untuk mencipta beberapa elemen yang tiada dalam pepohon DOM dan menambah gaya padanya.

Elemen pseudo membolehkan anda menggayakan bahagian tertentu elemen yang dipilih tanpa menggunakan ID elemen atau atribut kelas. Sebagai contoh, melalui elemen pseudo anda boleh menetapkan gaya huruf pertama dalam perenggan, atau memasukkan beberapa kandungan sebelum atau selepas elemen, dsb.

CSS menyediakan satu siri elemen pseudo, seperti yang ditunjukkan dalam jadual berikut:

(Mempelajari perkongsian video: tutorial video css

,
伪元素 例子 例子描述
::after p::after 在每个

元素之后插入内容

::before p::before 在每个

元素之前插入内容

::first-letter p::first-letter 匹配每个

元素中内容的首字母

::first-line p::first-line 匹配每个

元素中内容的首行

::selection p::selection 匹配用户选择的元素部分
::placeholder input::placeholder 匹配每个表单输入框(例如 )的 placeholder 属性
bahagian hadapan web

)

Atas ialah kandungan terperinci Apakah yang diwakili oleh titik bertindih berganda dalam atribut css3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn