教大家怎么在X1（20130316）以上版本中用CSS来区分栏目分类

在X1（20130316）以上版本中，我们增加了一个可以区分栏目一级分类和二级分类的功能。

这样可以区分大类和小类的样式。该功能可以用在 单页模块分类，新闻栏目分类，产品栏目分类，图文栏目分类中。

我们用新闻栏目为例：

原来的新闻栏目调用标签为：

<Newsclass:{Language=ch Quanbu=0 Row=15 Lanmu=1 Leixing=2}>
<li><a href="{Newsclass:url}" title="{News:name}">{News:name}</a></li>
<Newsclass>

那么我只需要在 这个标签中设定一个CSS样式，来区分大类于小类的不同。
把标签改成如下：

<Newsclass:{Language=ch Quanbu=0 Row=15 Lanmu=1 Css=fenlei Leixing=2}>
<li><a href="{Newsclass:url}" title="{News:name}">{News:name}</a></li>
<Newsclass>

注意红色部分，  也就是说多出来一个Css=fenlei 定义。 那Css=的这个 fenlei 就相当于 CSS里的

.fenlei {}

当然，这个你也可以设置成Css=ok

那么你就要在CSS里 定义一个  .ok{} 的样式 来区分 大类于小类的不同了。

那么这里定义完了。下面被循环的标签也要修改一下。要在<li>里添加一个 {Css}标签。如下：

<Newsclass:{Language=ch Quanbu=0 Row=15 Lanmu=1 Css=fenlei Leixing=2}>
<li {Css}><a href="{Newsclass:url}" title="{News:name}">{News:name}</a></li>
<Newsclass>

那它在页面中实际显示出来的样试就是这样：
<li class="fenlei"><a href=""></a><li>

以上只是一个参考，这个要根据你设计的模板而定。也可以是如下这样：

<Newsclass:{Language=ch Quanbu=0 Row=15 Lanmu=1 Css=fenlei Leixing=2}>
<div {Css}><a href="{Newsclass:url}" title="{News:name}">{News:name}</a></div>
<Newsclass>

强烈支持。












奇热网-奇热电影网,奇热电影,奇热网高清电视剧,奇热,奇热剧集站,
2013最新电影/电视剧/综艺/动漫/免费在线看 还有电影你懂得