Question

尝试在我的第二张桌子上添加一些风格。

我尝试通过table:nth-of-type(2)访问CSS中的第二个表。然后我尝试像这样操纵行大小：

table:nth-of-type(2) tr:first-child{
    width="4%";

} 
table:nth-of-type(2) tr:nth-child(2){
    width="91%";

} 
table:nth-of-type(2) tr:nth-child(3){
    width="5%";

}

第二个表的HTML代码如下所示：

<table class="ex2fixed">
    <tr>
        <td>Fighter</td>
        <td>Wins</td>
        <td>Loses</td>
    </tr>
    <tr>
        <td>Ian McGregor</td>
        <td>2</td>
        <td>1</td>
    </tr>
</table>

我的代码有什么问题，因为样式不适用于我的网站...

Answer 1

等号=在CSS中无效。

您必须使用:符号来分隔键和值。

CSS也是引用无用的

所以width="91%";是width: 91%;

Answer 2

尝试将CSS文件更改为

<style>
<pre>
table:nth-of-type(2) tr:first-child{
    width: 4%;
} 

table:nth-of-type(2) tr:nth-child(2){
    width: 91%;
} 

table:nth-of-type(2) tr:nth-child(3){
    width: 5%;
} 
</pre>
</style>

在此，我已经取代了＆＃34; =＆＃34;用＆＃34;：＆＃34; as＆＃34; =＆＃34;不会在css和宽度上工作，当你给出百分比时，你不需要使用引号，因为它不适用于某些浏览器。

Answer 3

试试这个，

<style>
.ex2fixed tr:first-child{
    width: 4%;
} 

.ex2fixed tr:nth-child(2){
    width: 91%;
} 

.ex2fixed tr:nth-child(3){
    width: 5%;
} 
</style>

Answer 4

你犯的错误是：

对列使用错误的选择器，它是td（对于列）而不是tr（对于行）
正如ADreNaLiNe-DJ所说：＆＃39; =＆＃39;不是有效的，您应该使用＆＃39;：＆＃39;分离关键和价值

试试这个

table:nth-of-type(2) td:first-child{
    width:"4%";

} 
table:nth-of-type(2) td:nth-child(2){
    width:"91%";

} 
table:nth-of-type(2) td:nth-child(3){
    width:"5%";

}

尝试在CSS中向表中添加样式

4 个答案: