Heim >Web-Frontend >HTML-Tutorial >css如何设置字符串中第一个字符的样式_html/css_WEB-ITnose
css如何设置字符串中第一个字符的样式_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:27:001794Durchsuche
css如何设置字符串中第一个字符的样式:
本章节介绍一下如何使用css设置字符串中第一个字符的样式。
以前我们实现此效果的方式，可能会在第一个字符上嵌套上一个span标签。
代码实例如下:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style>span{ color:red;}</style></head><body><div><span>蚂</span>蚁部落的url地址是softwhy.com</div></body></html> 上面的代码实现了我们的要求，但是略显繁琐，下面介绍一下如何用伪对象选择器实现此功能。
代码实例如下:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style>div::first-letter{ color:red;}</style></head><body><div>蚂蚁部落的url地址是softwhy.com</div></body></html> 上面的代码同样实现了我们的要求，更多内容可以参阅CSS的伪对象选择符E:first-letter/E::first-letter一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=18254
更多内容可以参阅:http://www.softwhy.com/divcss/
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：css的负margin外边距功能简单介绍_html/css_WEB-ITnoseNächster Artikel：CSS：height: 100%失效原因，如何让它生效_html/css_WEB-ITnose