HTML Textarea CSS不允许其他CSS

时间:2014-07-11 13:53:36

标签: html css

在我的CSS文件中,我有

textarea {
    vertical-align: top;
}​
table, tr, td, thead, tfoot, colgroup, col, caption {
    margin: 0px;
    border-spacing: 0px;
}
table {
    width: 90%;
    border-collapse:collapse;
    border: 1px solid #333333;
}

但直接位于

之下的部分
textarea {
    vertical-align: top;
}​
无论顺序如何,

总会被忽略。此外,如果我将textarea CSS放在我的CSS文件的底部,那将被忽略。有人知道如何解决这个问题吗?在我添加textarea部分

之前,我的CSS正在工作

1 个答案:

答案 0 :(得分:1)

您无法为子元素添加vertical-align。您的表格列确定其子元素的位置。

CSS:

td.textarea {
    vertical-align: text-top;
}​
table, tr, td, thead, tfoot, colgroup, col, caption {
    margin: 0px;
    border-spacing: 0px;
}
table {
    width: 90%;
    border-collapse:collapse;
    border: 1px solid #333333;
}

有关实例,请参阅此Codepen示例。