在css中，“:first-child”选择器主要用于选中所选择元素的第一个元素 。 下面小编举例讲解css如何使用:first-child选择器设置元素的样式 。
文章插图
需要这些哦
css+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件，定名为test.html，用于讲解css若何利用:first-child选择器设置元素的样式 。
文章插图
2在test.html文件内，利用li标签建立一个列表，用于测试 。
文章插图
3在test.html文件内，设置ul标签的class属性值为myway，用于设置样式 。
文章插图
4【css如何使用:first】在css标签内，经由过程class和“:first-child”选择器选中第一个li元素 。
文章插图
5在css标签内，设置第一个li元素的内容颜色为红色，而且加粗显示 。
文章插图
6在浏览器打开test.html文件，查看实现的结果 。
文章插图
总结：11、利用li标签建立一个列表，用于测试 。 2、设置ul标签的class属性值为myway，用于设置样式 。 3、在css标签内，经由过程class和“:first-child”选择器选中第一个li元素 。 4、在css标签内，设置第一个li元素的内容颜色为红色，而且加粗显示 。 5、在浏览器打开test.html文件，查看实现的结果 。
以上内容就是css如何使用:first的内容啦，希望对你有所帮助哦！
推荐阅读
- css如何设置div最大的宽度
- wps演示中如何进行箭头型纯文字排版
- wps演示中如何制作紫色系工作总结封面
- wps演示中如何制作线条型结束页面
- wps演示中如何进行白色矩形段落排版
- wps演示中如何制作撞色扁平化过渡页面
- word2019如何设置粘贴时仅保留文本
- wps演示中如何制作蓝色商业风通用封面
- wpsppt中如何进行黑白经典型段落排版
- wpsppt中如何制作稳重商务型目录