养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

css里的' + '的意思

时间:2024-10-22 17:17:33

css里的'+'代表相邻的元素,即元素的下一个元素。将使用一个案例来表示

方法/步骤

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

css里的' + '的意思

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

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>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><trid="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>

© 一点知识