css如何使用:first
在css中，“:first-child”选择器主要用于选中所选择元素的第一个元素。下面小编举例讲解css如何使用:first-child选择器设置元素的样式。
东西/原料
- css+html
- 代码编纂器：zend studio 10.0
方式/步调
- 1
新建一个html文件，定名为test.html，用于讲解css如何利用:first-child选择器设置元素的样式。
- 2
在test.html文件内，利用li标签建立一个列表，用于测试。
- 3
在test.html文件内，设置ul标签的class属性值为myway，用于设置样式。
- 4
在css标签内，经由过程class和“:first-child”选择器选中第一个li元素。
- 5
在css标签内，设置第一个li元素的内容颜色为红色，而且加粗显示。
- 6
在浏览器打开test.html文件，查看实现的结果。
总结：
- 1
1、利用li标签建立一个列表，用于测试。2、设置ul标签的class属性值为myway，用于设置样式。3、在css标签内，经由过程class和“:first-child”选择器选中第一个li元素。4、在css标签内，设置第一个li元素的内容颜色为红色，而且加粗显示。5、在浏览器打开test.html文件，查看实现的结果。
- 发表于 2020-10-28 20:00
- 阅读 ( 47 )
- 分类：其他类型
