::marker
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
::marker CSS 伪å
ç´ å¹é
å表çæ è®°æ¡ï¼é常为ä¸ä¸ªç¬¦å·ææ°åï¼ãå®ä½ç¨å¨ä»»ä½è®¾ç½®äº display: list-item çå
ç´ æ伪å
ç´ ä¸ï¼ä¾å¦ <li> å <summary> å
ç´ ã
å°è¯ä¸ä¸
li::marker {
content: "â ";
font-size: 1.2em;
}
<p>Group known as Mercury Seven:</p>
<ul>
<li>Malcolm Scott Carpenter</li>
<li>Leroy Gordon (Gordo) Cooper Jr.</li>
<li>John Herschel Glenn Jr.</li>
<li>Virgil Ivan (Gus) Grissom</li>
<li>Walter Marty (Wally) Schirra Jr.</li>
<li>Alan Bartlett Shepard Jr.</li>
<li>Donald Kent (Deke) Slayton</li>
</ul>
å 许çå±æ§å¼
å¨å° ::marker ä½ä¸ºéæ©å¨çè§åä¸ï¼åªè½ä½¿ç¨æäº CSS å±æ§ï¼
- ææçåä½å±æ§
white-spaceå±æ§colorå±æ§text-combine-uprightãunicode-bidiådirectionå±æ§contentå±æ§- ææç animation å transition å±æ§
å¤æ³¨ï¼è§èæåºï¼å°æ¥å¯è½ä¼æ¯æå ¶ä» CSS å±æ§ã
è¯æ³
css
::marker {
/* ... */
}
示ä¾
HTML
html
<ul>
<li>Peaches</li>
<li>Apples</li>
<li>Plums</li>
</ul>
CSS
css
ul li::marker {
color: red;
font-size: 1.5em;
}
ç»æ
è§è
| Specification |
|---|
| CSS Pseudo-Elements Module Level 4 # marker-pseudo |