css里的'+'代表相邻的元素,即元素的下一个元素。将使用一个案例来表示
方法/步骤
1、1.新建html页面后创建表格,设置表格的背景色为青色,使用浏览器打开新建的html页面;
2、2.加上#second+tr{background-color:#F90;}这行样式后,浏览器只有第三行表格背景变成了橙色。从而可确定css里的‘+’表示元素的下一个元素。
3、对应代码<!doctypehtml>&盟敢势袂lt;html><head><metacha鸡堕樱陨rset="utf-8"><title>css中的+号</title><styletype="text/css"> table{background-color:#9C6} #second+tr{background-color:#F90;}</style></head><body><tablewidth="700"border="1"cellpadding="0"cellspacing="0"><tr><td>1</td><td> </td><td> </td><td> </td><td> </td></tr><trid="second"><td>2</td><td> </td><td> </td><td> </td><td> </td></tr><tr><td>3</td><td> </td><td> </td><td> </td><td> </td></tr><tr><td>4</td><td> </td><td> </td><td> </td><td> </td></tr></table></body></html>