Pseudo

Pseudo ន ២ គឺ
pseudo-class
pseudo-element ។

Pseudo-Class
Pseudo-Class សំ ប់ ប ក់ selector េ ះ សិត េ កងលកខណ ែបប មួយ  ។ េយើង តូវ
សរេសរ េ យ េ បើស : រួចេ ះ ៃន pseudo េ ះ ។
ឧ ហរណ៍ ៖ div:hover គឺរច េលើ <div> គឺ ប់ យក <div> េ េពល ែដល េគយក
mouse ក់ ពីេលើ ។ មួយ េនះ គឺេ បើ pseudo hover  ។

HTML CSS Javascript លទផល

1▾ #b {
2    background: aqua;
3 }
4▾ #b:hover {
5    background: red;
6 }

Pseudo-Class លកខណ ៃន Selector

hover េ េពល យក mouse រលង

active េ េពល ចុចពីេលើ

link សំ ប់ <a> ែដល មិន ន់ ចុចចូល េមើល

visited សំ ប់ <a> ែដល តូវ ន ចូល េមើល មងរួចមកេហើយ

Pseudo-Element

Pseudo-Class សំ ប់ ប ក់ ែផក មួយ ៃន selector ។ េយើង តូវសរេសរ េ យ េ បើស

Pseudo-Class សំ ប់ ប ក់ ែផក មួយ ៃន selector ។ េយើង តូវសរេសរ េ យ េ បើស
:: រួចេ ះ ៃន pseudo េ ះ ។
ឧ ហរណ៍ ៖ p::first-line គឺ ប់ យក ប ត់ ដំបូង ៃន <p>  ។

HTML CSS Javascript លទផល

1 /* អក រ ដំបូង ៃន p ំង យ ែដល ន class note */

2 ▾ p:not(.note)::first-letter {
3    background: pink;
4    font-size: 3em;
5 }
6 /* កំណត់ អីមួយ មុន p ែដល ន class note */
7 ▾ p.note::before {
8    content: "ចំ ំ ៖ ";
9    font-weight: bold;
10    text-decoration: underline;
11 }
12

Pseudo-Element ែផក ៃន Selector

first-line ប ត់ ដំបូង

first-letter តួអក រ ដំបូង

before មុន selector បចប ន

after ប ប់ ពី selector បចប ន