How CSS sets the style of the first character in a string:
This section describes how to use CSS to set the style of the first character in a string.
The way we used to do this, we might nest a span label on the first character.
The code example is as follows:
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><Metaname= "Author"content= "http://www.softwhy.com/" /><title>Ant Tribe</title><style>span{Color:Red;}</style></Head><Body><Div><span>Ma</span>The Ant tribe's URL address is softwhy.com.</Div></Body></HTML>
The code above implements our requirements, but it's a little cumbersome, and here's how to implement this with a pseudo-object selector.
The code example is as follows:
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><Metaname= "Author"content= "http://www.softwhy.com/" /><title>Ant Tribe</title><style>Div::first-letter{Color:Red;}</style></Head><Body><Div>The Ant tribe's URL address is softwhy.com</Div></Body></HTML>
The above code also implements our requirements, and more content can be found in the CSS pseudo-object selector e:first-letter/e::first-letter chapter.
The original address is: http://www.softwhy.com/forum.php?mod=viewthread&tid=18254
For more information, refer to: http://www.softwhy.com/divcss/
How CSS sets the style of the first character in a string