css里的' + '的意思

 时间:2026-02-13 03:55:02

1、1.新建html页面后创建表格,设置表格的背景色为青色,使用浏览器打开新建的html页面;

css里的' + '的意思

2、2.加上#second+ tr{ background-color:#F90;}这行样式后,浏览器只有第三行表格背景变成了橙色。从而可确定css里的‘+’表示元素的下一个元素。

css里的' + '的意思

3、对应代码 

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>css中的 + 号</title>

<style type="text/css">

table{ background-color:#9C6}

#second + tr{ background-color:#F90;}

</style>

</head>

<body>

    <table  width="700" border="1" cellpadding="0" cellspacing="0">

      <tr>

        <td>1</td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

      </tr>

      <tr  id="second">

        <td>2</td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

      </tr>

      <tr>

        <td>3</td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

      </tr>

      <tr>

        <td>4</td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

      </tr>

    </table>

</body>

</html>

  • 美女山洞无意间放出千年僵尸最后还跟他谈恋爱是什么电视
  • 我国法的形式和具体分类?
  • 如何用安卓手机给视频去水印?
  • PS实例:液化滤镜快速制作真人漫画头像
  • 室内设计师专业技能(水平)评价考试介绍
  • 热门搜索
    清明节手抄报大全图片 红领巾心向党手抄报内容文字 关于疫情的手抄报 我和我的祖国手抄报 防火手抄报简单又漂亮 春节手抄报图片大全 消防手抄报大全 心理健康的手抄报 爱祖国手抄报简单漂亮 童话手抄报