Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 自定义CSS优于引导CSS_Html_Css_Twitter Bootstrap_Twitter Bootstrap 3 - Fatal编程技术网

Html 自定义CSS优于引导CSS

Html 自定义CSS优于引导CSS,html,css,twitter-bootstrap,twitter-bootstrap-3,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,我在一个项目中使用引导,我想在表格的某些列中将文本居中 因此,我使用了一个在标记中指定的类: <td class="col_etat" rowspan="4"> MyContent </td> 但它不起作用,我们可以看到引导CSS中的类“结束”了我的类: () 如果我在没有CSS的情况下使用它,它会起作用,但这不是我想要的: <td style="vertical-align: middle;" rowspan="4"> MyContent </td&

我在一个项目中使用引导,我想在表格的某些列中将文本居中

因此,我使用了一个在标记中指定的类:

<td class="col_etat" rowspan="4"> MyContent </td>
但它不起作用,我们可以看到引导CSS中的类“结束”了我的类:

()

如果我在没有CSS的情况下使用它,它会起作用,但这不是我想要的:

<td style="vertical-align: middle;" rowspan="4"> MyContent </td>
MyContent

如果有人知道我要做什么才能让它成功

我总是编辑引导css文件。

请确保在引导css文件之后包含styles.css文件。 在定义.col_etat时,您可能还需要更加具体,就像Bootstrap一样,因此:

.table > tbody > tr > td.col_etat {
  vertical-align:middle;
}

有一篇关于CSS专一性的好文章

这看起来可能是专一性的问题。见:供参考


但在您的情况下,样式类
.col_etat
的特异性为10,而引导
.table>thead>tr>th
的特异性为13,这比您的样式更具体。您可以在自定义css中指定更多元素,以使css覆盖引导。我会尽量避免使用!如果可能的话,这很重要

你能修改你的代码吗“.col_etat”可以是“html body td.col_etat”,不需要使用它就可以过度使用引导程序!重要;,这是一个坏主意,会导致维护困难。你应该只“去核”和使用!重要的是,在所有其他方法都失败后,请咨询任何设计师…了解其工作原理。-1编辑任何框架/插件的核心文件被认为是不好的做法。你说得对,它工作,我不知道我必须更具体,谢谢你的帮助!就这样!我不知道“!important”关键字,但我不会使用它,谢谢你的建议!
.table > tbody > tr > td.col_etat {
  vertical-align:middle;
}