您的位置:程序门 -> web 开发 -> html(css)



如何在<a>标签以外定义不同容器内的链接的样式?


[收藏此页] [打印本页]选择字色:背景色:字体:[][][]


如何在<a>标签以外定义不同容器内的链接的样式?[已结贴,结贴人:xuanliu]
发表于:2007-07-18 17:22:23 楼主
在以下的例子中,“test1 <a   href= "b.htm "> b </a> ”和“test2 <a   href= "c.htm "> c </a> ”都是从数据库中读出来的,里面没有使用任何样式表,也不可以修改。我想让b的链接和c的链接使用不同的样式,但又不能用 <a   href= "b.htm "   class= "b "> 的形式,请问如何做到?

<table>
    <tr>  
        <td   width= "22% "> test1 <a   href= "b.htm "> b </a> </td>
        <td   width= "27% "> test2 <a   href= "c.htm "> c </a> </td>
    </tr>
</table>
发表于:2007-07-18 17:30:071楼 得分:4
<script>
window.onload   =   function()
{
o   =   document.getelementsbytagname( "a ");
o[0].classname   =   "b ";
o[1].classname   =   "c ";
}
</script>
<table>
    <tr>  
        <td   width= "22% "> test1 <a   href= "b.htm "> b </a> </td>
        <td   width= "27% "> test2 <a   href= "c.htm "> c </a> </td>
    </tr>
</table>
发表于:2007-07-18 17:37:112楼 得分:0
可以在 <td> 标签的css中定义链接样式吗?
发表于:2007-07-18 18:00:403楼 得分:4
不可以,会被里面的 <a   > 的样式覆盖掉
发表于:2007-07-18 18:03:524楼 得分:0
那怎么办,二楼的方法要指定第几个 <a> 标签吧?可是前面还有很多这样的标签,数不过来啊?
发表于:2007-07-19 00:34:025楼 得分:0
不同a标签用不同的样式的依据是什么?根据这个来判断。。
你可以给 <table> 或 <tr> 一个id:t1
这样通过
arr   =   document.getelementbyid( "t1 ").getelementsbytagname( "a ");来获取整个在 <table> 或 <tr> 内的a标签,在根据arr.length循环判断你那个a标签用那个样式
发表于:2007-07-19 10:22:496楼 得分:0
简单点说,看下面的,我需要让id= "t1 "的td标签内的所有链接使用样式sytle1,而使id= "t2 "的td标签内的所有链接使用样式sytle2,该怎么做到呢?不用javascript也能做到吗?

<table>
<tr>
<td   width= "22% "   id= "t1 "> test1 <a   href= "b.htm "> b </a> </td>
<td   width= "27% "   id= "t2 "> test2 <a   href= "c.htm "> c </a> </td>
<td   width= "22% "   id= "t1 "> test1 <a   href= "d.htm "> d </a> </td>
<td   width= "27% "   id= "t2 "> test2 <a   href= "e.htm "> e </a> </td>
</tr>
</table>
发表于:2007-07-19 16:51:437楼 得分:8
#t1   a{}   定义a标签的样式

但是你的这样要先给td写id,而且最好不要重名,这样其实还不如在 <td> 上写class,通过
.class   a{}的定义,这跟在a   标签上定义class没区别了
发表于:2007-07-20 08:28:138楼 得分:4
#t1   a   {}
#t2   a   {}
...
发表于:2007-07-20 14:02:009楼 得分:0
谢谢大家!


快速检索

最新资讯
热门点击