Home > Developer > Web Develop
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
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
