css样式没有得到应用

时间:2016-01-18 09:27:38

标签: css css3

我有一个div,我的样式定义如下:

var combinations = combinator.Select(x => new SpecialContainer(x)));
combinations = combinations.Distinct().AsParallel();
combinations = combinations.Where(x => PostFilters.All(y => y.AppyFilter(x));
var finalList = combinations.ToList();

我的css文件中有相应的类:

self.navigationController.navigationBarHidden = false

现在对于包含 <div class="timeline-icon label" style="margin-top: 10%"> <a class="red">Changes</a> </div> <div class="timeline-icon" style="margin-top: 15%"> <a class="red">25</a> </div> 文本的顶部div,我添加了一个名为.timeline .timeline-icon a{ border: 5px solid #2d353c; border-radius: 50px; color: #fff; display: inline-block; font-size: 14px; height: 50px; line-height: 40px; text-decoration: none; transition: background 0.2s linear 0s; width: 50px; } 的额外类,以便div将是一个矩形而不是一个圆。我想要Changes中的所有属性,但想要覆盖labeltimeline-icon属性。如何添加选择器?我是CSS的新手。

1 个答案:

答案 0 :(得分:1)

您可以简单地将两个类附加在一起:

.timeline .timeline-icon.label a{
  width: 20%;
  border-radius: 30px;
}

您会注意到timeline-iconlabel类之间没有空格,这是因为我们希望样式应用于其父类同时存在这两个类的a元素。 / p>

注意:确保将上述样式放在原始样式(您试图覆盖的样式)之后也是至关重要的。就像在这种情况下一样,最重要的风格比其前身更具体,所以它应该适用,但不管它的价值如何。

相关问题