麻烦在css中命名td

时间:2015-01-28 21:59:11

标签: html css

我一直在研究这个问题。我需要知道的是,我可以为td添加一个名称,并使用css在网站上正确调用它吗?

到目前为止,我无法让它发挥作用。我有一个网页:

http://www.integratedresourcemgmt.com/trevor-smith-magazine/testpg1.htm

它包含样式表:          HREF = “http://www.integratedresourcemgmt.com/stylesbaa.css” >

我正在尝试编辑样式表的最后一行,即:。

.col2 { background-image:url("curvebak.png"); background-position: top
right; background-repeat: no-repeat}

我的td命名为:.col2

到目前为止,我无法显示图像。我在页面上的html中使用它:

http://www.integratedresourcemgmt.com/trevor-smith-magazine/index.htm

使用页面部分中的以下内容:

<style>
.TheClassName {
background-image: url(curvebak.png);
background-repeat: no-repeat;
background-position: top left
}

</style>

然后在td中包含图像,即:

<td class="TheClassName" width="38" valign="top" height="592" 
background="curvebak.png">&nbsp;</td>

我知道我在第一个例子中做错了什么,我只是在想什么?或者,如果甚至可以在网站的所有页面上使用样式表(实际上我知道这是可能的)但我想我需要弄清楚如何正确命名所有内容以便我可以尝试找到一种方法我不得不编辑我网站的每一页,如果必须的话,我会这样做。我只是想学习这个。提前感谢任何建议。 :)

1 个答案:

答案 0 :(得分:0)

您遇到的问题是,虽然您的td name属性设置为col2,但您尝试按类选择它。

我的建议(你在第二个例子中做的)是添加一个类并按类引用它。

否则,以下方法可行:

td[name="col2"] {
    background-image:url("curvebak.png");
    background-position: top right;
    background-repeat: no-repeat
}