::target-text
åºçº¿ 2024
æè¿å¯ç¨
èª 2024å¹´12æ èµ·ï¼æ¤ç¹æ§å·²å¨ææ°æµè§å¨ä¸å¾å°æ¯æãä½å¨è¾æ§ç设å¤ææµè§å¨ä¸å¯è½æ æ³è¿è¡ã
å®éªæ§: è¿æ¯ä¸é¡¹å®éªæ§ææ¯
å¨å°å
¶ç¨äºç产ä¹åï¼è¯·ä»ç»æ£æ¥æµè§å¨å
¼å®¹æ§è¡¨æ ¼ã
::target-text CSS 伪å
ç´ ä»£è¡¨äºæµè§å¨å¨æ¯æææ¬ç段ææ¯æ¶ææ»å¨å°çæåãå®ä½¿å¾ä½è
å¯ä»¥éæ©é«äº®ä¸æ®µæåçæ¹å¼ã
css
::target-text {
background-color: pink;
}
è¯æ³
css
::target-text {
/* ... */
}
示ä¾
é«äº®ææ¬ç段
css
::target-text {
background-color: rebeccapurple;
color: white;
}
è¦å®é æ¥ç CSS ææï¼è¯·åè scroll-to-text æ¼ç¤ºã
è§è
| è§è |
|---|
| CSS Pseudo-Elements Module Level 4 # selectordef-target-text |