asp.net - 可以仅对 asp 选项卡容器上最左侧的选项卡页进行样式设置

Question

我有一个来自 ajax 控制工具包的标准 asp 选项卡容器：

<asp:TabContainer ID="tcMain" runat="server" ActiveTabIndex="0" 
Width="99%" min-width="900px" AutoPostBack="true" CssClass="TabStyle">

但是页面的设计意味着我想以一种方式设置最左边的选项卡标题，中间的几个相同，而最右边的样式略有不同。即，在两个“向外”标签页上创建圆形边缘。

我玩过 .ajax__tab_hover .ajax__tab_outer 类型的 css 东西，但我似乎无法找到一种方法来操纵它们来做我想做的事。

有人对我如何实现这一目标有任何想法/例子吗？

Answer 1

嗨，现在您可以像这样在设计中使用多类

你的html

<div class="wraper">
<div class="left" id="someid"></div>
<div class="left center"></div>
<div class="left right"></div>
</div>

css

.wraper{
overflow:hidden;
width:1000px;
margin:0 auto;
}
.left{
width:33%;
height:100px;
float:left;
}
.left#someid{
background:red;
}
.left.center{
background:green;
}
.left.right{
background:yellow;
}

现场演示