网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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教程 兄弟选择器的使用
© 2025 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com