Question

请问如此代码如何给dedeCMS顶级导航添加不同的样式属性

原导航是
<a href="{dede:global.cfg_indexurl/}" class="n1" title="首页" hidefocus="true"></a>

<a href="[field:typelink/]" target="blank" class="n2" title="[field:typename/]" hidefocus="true"></a>
<a href="[field:typelink/]" target="blank" class="n3" title="[field:typename/]" hidefocus="true"></a>
<a href="[field:typelink/]" target="blank" class="n4" title="[field:typename/]" hidefocus="true"></a>
<a href="[field:typelink/]" target="blank" class="n5" title="[field:typename/]" hidefocus="true"></a>
<a href="[field:typelink/]" target="blank" class="n6" title="[field:typename/]" hidefocus="true"></a>

现在改成
<a href="{dede:global.cfg_indexurl/}" class="n1" title="首页" hidefocus="true"></a>
{dede:channel row='5' type ='top' currentstyle="<li><a href='~typelink~' class='thisclass'>~typename~</a> </li>" }
<a href="[field:typelink/]" target="blank" class="thisclass" title="[field:typename/]" hidefocus="true"></a>
{/dede:channel}

请问这个为什么不能实现不同样式的CLSS调用，是要在CSS中修改吗？

.nav { width:631px; height:41px; float:right; padding:26px 5px 0px 0px; background:url(../images/tg_nav.gif) no-repeat 0px 26px;}
.nav a { display:block; float:left; height:41px; width:98px;}
.nav a:focus{outline:none;}
.nav a.n1,.nav a.n2,.nav a.n3,.nav a.dqn1,.nav a.dqn2,.nav a.dqn3{ margin-right:9px;}.nav a.n4,.nav a.n5,.nav a.dqn4,.nav a.dqn5 {margin-right:8px;}
.nav a:hover,.nav a.dqn1,.nav a.dqn2,.nav a.dqn3,.nav a.dqn4,.nav a.dqn5,.nav a.dqn6 { background-image:url(../images/tg_nav.gif); background-repeat:no-repeat;}
.nav a.n1:hover,.nav a.dqn1 { background-position:0px -48px;}
.nav a.n2:hover,.nav a.dqn2 { background-position:-107px -48px;}
.nav a.n3:hover,.nav a.dqn3 { background-position:-214px -48px;}
.nav a.n4:hover,.nav a.dqn4 { background-position:-321px -48px;}
.nav a.n5:hover,.nav a.dqn5 { background-position:-427px -48px;}
.nav a.n6:hover,.nav a.dqn6 { background-position:-533px -48px;}

请问这个如果要实现不同样式的调用需要怎么写织梦的标签，如果需要修改CSS 那么在CSS中是否要添加thisclass标签，请大神们给指条明路啊！
白天无大神吗？

Answer 1

<a href="{dede:global.cfg_indexurl/}" class="index" title="首页" hidefocus="true"></a> 

{dede:channel     row='5'       type ='top'     }

    <a href="[field:typelink/]" target="blank" class="n[field:global.autoindex/]"   title="[field:typename/]" hidefocus="true"></a>

    {/dede:channel}

CSS需要增加一个a.index（首页这个按钮的样式）和a.n0,因为[field:global.autoindex/]是从0开始编号的

Answer 2

Vue实践-CSS样式position/display/float属性对比使用