我定义了自己的 CSS 类：
.my-ui-table td {
border-width: 1px;
border: 0;
padding: 5px 10px;
border-style: hidden;
border-color: inherit;
}
默认 PrimeFaces css 定义了自己的类，该类应用于：
.ui-panelgrid td {
border-width: 1px;
border-style: solid;
border-color: inherit;
padding: 4px 10px;
}
这两个类都应用于表：
<table class="ui-panelgrid ui-widget my-ui-table" role="grid">...</table>
当 Chrome 渲染所述表格时， ui-panelgrid 类中的边框样式优先于 my-ui-table 类中定义的边框样式。我一直在阅读 CSS 特异性，并且两个类定义的特异性似乎是相同的，因此 class="" 属性中最后指定的一个应该获胜。为什么这没有发生？
编辑：HTML 头标签：
<head>
<link type="text/css" rel="stylesheet" href="/webapp/do/javax.faces.resource/my.css?ln=css">
<link type="text/css" rel="stylesheet" href="/webapp/do/javax.faces.resource/primefaces.css?ln=primefaces">
</head>
.
重要的不是你的 class="..." 顺序中哪个是第一个，而是哪个在你的 css 规则中写在最后。这就是为什么它被称为级联样式表，因为将应用具有相同或更高特异性的最后一个相关规则。因此，如果您的所有规则都在外部表中并且它们具有相同的特异性，则将应用最后一个规则。但内联/内部样式优先于外部样式。 （尽管这并不意味着您应该使用它们）
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
