我这样设置CSS为什么对table中的TR没有效果的,如果不加DIV就有效果

html-css08

我这样设置CSS为什么对table中的TR没有效果的,如果不加DIV就有效果,第1张

表格有这几种标签,写法可以是:

<table>

    <tr style="width:100pxheight:100px">

        <td></td>

        <td></td>

    </tr>

</table>

如果你想让写的css样式在tr上生效,就必须在tr上写一个class样式,而不是在table标签上。

如果我的回答对你有用,可以采纳哦。

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用h1标签创建一个标题,同时设置h1标签的class属性为myh,下面将使用jquery方法判断该class是否存在。

3、在test.html文件内,使用button标签创建一个按钮,按钮名称为“判断class”。

4、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getclass()函数。

5、在js标签中,创建getclass()函数,在函数内,使用标签名称(h1)获得元素对象,通过hasClass()方法来判断myh类名是否存在,并把结果返回res变量中。

6、在getclass()函数内,使用if语句对上一步的res变量进行判断,如果为true,即存在myh类名,则提示“h1标签有类名myh”,否则,提示“h1标签没有myh”。

7、在浏览器打开test.html文件,点击按钮,查看实现的效果。