css:如何显示某些li标签的权利

时间:2011-05-01 10:23:28

标签: css html-lists

我正在创建一个带有ul和li的内容滑块,如:

<div id="tabs">
<ul>
<li id="left">content</li>
<li id="left">content</li>
<li id="left">content</li>
<li id="right">content</li>
<li id="right">content</li>
<li id="right">content</li>
</ul>
<ul id="content_show">
<li>content show</li>
....ect
</ul>
</div>

现在我要在左侧显示3个内容,在右侧显示3个内容,并在两者之间显示滑块。 我在左侧显示所有li id =(左和右),右侧显示滑块,但我无法在右侧列出li id =“right”。

如何在滑块右侧显示id =“right”?

像:

text               text
text CONTENTSLIDER text
text               text

2 个答案:

答案 0 :(得分:1)

你必须使用style或css文件,并给出div tabs width,abd每个li使用float样式 尝试使用class="left" and class="right"

#tabs { width:600px;} //example
.left { float:left;}
.right { float:right;}

答案 1 :(得分:0)

我不确定我得到了你真正想要的东西,但也许你可以使用float:right属性来获得你想要的所有li!