Question

我创建了一个带有div class =“exsitingimage”的表，所以我可以为该表自定义css，但是css会在我站点的每个表上进行。我究竟做错了什么？我的代码：

 $wgOut->addHtml('<div class="exsitingimage">');
$wgOut->addHtml('<table><tr><th></th><th>Name</th><th>Thumbnail</th><th>Dimensions</th><th>User</th><th>Comment</th></tr>'); 
foreach($uploaded as $upload){
$wgOut->addHTML('<tr><td><button data-image-name="' . $upload[0] . '" class="imageSetting">Add</button></td><td>');     
$wgOut->addHTML($upload[0]);
$wgOut->addHtml('</td><td>'); 
$wgOut->addHtml('<img src="images/thumb/'.$upload[0].'/120px-'.$upload[0].'" />'); 
$wgOut->addHtml('</td><td>'); 
$wgOut->addHTML($upload[1]); 
$wgOut->addHTML('x'); 
$wgOut->addHTML($upload[2]); 
$wgOut->addHtml('</td><td>');
$wgOut->addHTML($upload[3]); 
$wgOut->addHtml('</td><td>');
$wgOut->addHtml($upload[4]);
$wgOut->addHtml('</td></tr>'); 
}
$wgOut->addHtml('</table>');
$wgOut->addHtml('</div>');
}

在css文件中我有：

table.exsitingimage     {    border-collapse:collapse;    }
th.exsitingimage     {   border:1px solid #669933;   }  
td.exsitingimage     {padding:8px;    }

Answer 1

你有选择器混乱，切换它们。

喜欢这个

.exsitingimage table { border-collapse:collapse; }
.exsitingimage th { border:1px solid #669933; }
.exsitingimage td { padding:8px; }

应该可以工作，但是请记住，一旦你定义了包含在类exsitingimage的内容中的另一个表，它就会得到那个CSS。

此外，在您的示例中，包含DIV的类为exsitingimage. 要么把它移到桌子上然后你就可以了，或者使用我的css例子。

祝你好运！

Answer 2

在CSS中，您已经为table th和td元素定义了existingimage类，而不是div元素。

您的HTML应如下所示：

<table class="existingimage">
</table>

你不需要div！

<div>中的css显示整个网站</div>

2 个答案: