Html 让td元素的子元素占据整个宽度和高度

我有一个带有一点填充的

元素，当它的直接子元素是

元素时，我想在整个表单元格中着色

我使用markdown来生成表本身，因此简单地添加一个类，如

，实际上不是一个选项

基本表格设置 这是一个基本的表格设置

名称
类型
护林员
狗
弗里达
卡特洛
猫

使用一些基本的CSS

表格{
边界塌陷：塌陷；
}
表td，表th{
边框：1px实心#ddd；
填充：8px；
位置：相对位置；
}

尝试#1 一个想法是绝对定位

元素并将其固定在所有四个侧面：

td>标记{
位置：绝对位置；
排名：0；
右：0；
左：0；
底部：0；
填充：8px；
}

但是，似乎不可能，因此内容会溢出

表格{
边界塌陷：塌陷；
}
表td，表th{
边框：1px实心#ddd；
填充：8px；
位置：相对位置；
}
td>标记{
位置：绝对位置；
排名：0；
右：0；
左：0；
底部：0；
填充：8px；
}

名称
类型
护林员
狗
弗里达
卡特洛
猫

我建议循环所有标记，并将bg颜色黄色添加到它们的父项：

document.querySelectorAll('mark').forEach(function(item){
  item.parentElement.style.backgroundColor ="ff0";
});

代码笔：

---

使用大的

框阴影

并隐藏溢出

表格{
边界塌陷：塌陷；
}
表td，表th{
边框：1px实心#ddd；
填充：8px；
}
运输署{
溢出：隐藏；
}
td>标记{
显示：内联块；
方框阴影：0 50px黄色；
}

名称
类型
护林员
狗
弗里达
卡特洛
猫

是否要在特定的“Frida Kahtlo”行中添加背景？@MultaniSadik，是的，在本例中。但在一般情况下，在单元级别应用样式。如果只有一个

具有

的直接子级，则该子级将是唯一需要突出显示的子级