CSS教程 兄弟选择器的使用

 时间:2026-04-22 07:34:16

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

CSS教程 兄弟选择器的使用

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

CSS教程 兄弟选择器的使用

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

CSS教程 兄弟选择器的使用

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

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

CSS教程 兄弟选择器的使用

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

CSS教程 兄弟选择器的使用

  • hbuilder怎样设置字体大小,怎样设置主题
  • Mysql创建数据库及表的方法-可视化软件Navicat
  • web前端初学--头部和导航
  • HBuilderX怎么新建窗体?
  • 用css div做两个实体小方块
  • 热门搜索
    爱国主义手抄报内容 关于植物的手抄报 守则规范手抄报 交通安全的手抄报 保护树木的手抄报 错别字手抄报 元旦手抄报内容大全 科技报手抄报 五一劳动节手抄报古诗 八十天环游地球手抄报