CSS教程 兄弟选择器的使用

2024-10-28 15:27:48

1、新建一个 兄弟选择器.html 文件,如图所示:

CSS教程 兄弟选择器的使用

2、输入HTML5的结构代码,将title标签里面的内容修改成:兄弟选择器,如图所示:

CSS教程 兄弟选择器的使用

3、兄弟选择器:S1~S2,如图所示:

CSS教程 兄弟选择器的使用

4、使用ol和li标签定义一个有序列表,如图所示:

5、定义一段文本内容,使用 i 标签包住,如图所示:

CSS教程 兄弟选择器的使用

6、使用兄弟选择器给文字添加颜色,如图所示:

CSS教程 兄弟选择器的使用
猜你喜欢