Question

我的CSS有问题...有一个边框，即使它有边框我也无法摆脱：0px;！真的很烦人。我以前遇到过同样的问题，但是我解决了它，所以我尝试使用相同的代码，但没有成功......

HTML / PHP代码：

echo "<table class='profileinfo' cellpadding='5' cellspacing='0' border='0'>";                  
// Check Map
$map1 = "Summoner's Rift";
$map2 = "Twisted Treeline";
$map3 = "Crystal Scar";
echo "<tr>";
if ($row['map'] == $map1) { echo "<td rowspan='10' class='imageframe155pxblue'><div style='background-image:url(images/tournament/SummonersRift.png);'><div></div></div></td>"; }
else if ($row['map'] == $map2) { echo "<td rowspan='10' class='imageframe155pxblue'><div style='background-image:url(images/tournament/TwistedTreeline.png);'><div></div></div></td>"; }
else { echo "<td rowspan='10' class='imageframe155pxblue'><div style='background-image:url(images/tournament/CrystalScar.png);'><div></div></div></td>"; }
echo "</tr>";

CSS代码：

.profileinfo tr td {
    border-top: solid 1px #000;
    border-left: solid 1px #000;
}
.imageframe155pxblue {
    border:none;
}
.imageframe155pxblue div {
    background-repeat:no-repeat;
    background-position:center;
    width:155px;
    height:155px;
}
.imageframe155pxblue div div {
    background-image:url(../images/imageframes/blue.png);
    width:155px;
    height:155px;
}

如果我从.profileinfo中删除border-left和-top，它可以工作，但它必须在那里......

Answer 1

显示边框是因为＆＃34; .profileinfo tr td＆＃34;是一个比＃34; .imageframe155pxblue＆＃34;更具体的规则，它声明了边界。

将您的规则更改为＆＃34; .profileinfo tr td.imageframe155pxblue＆＃34;并且边框将消失，或在其声明中添加!important。

Answer 2

尝试

.imageframe155pxblue {
    border:none !important;
}

如何摆脱边界

2 个答案: