HTML元素层次结构

时间:2017-02-14 11:52:08

标签: html element hierarchy

我想通过使用单独的CSS文件来更改标题的颜色。我的样式代码如下:

<ul class="nav nav-tabs">
        <li><a href="#Organization" data-toggle="tab">Organization</a></li>

这是样式代码:

 .ul .nav .nav-tabs .li .a{
 color:red;
 }

请帮忙。我找不到正确的方法

4 个答案:

答案 0 :(得分:0)

你没有必要在所有选择器上放置类点 - 也就是说你没有关闭</ul> - 尽管这可能是一个错字:

ul.nav.nav-tabs li a{color:red;}
<ul class="nav nav-tabs">
        <li><a href="#Organization" data-toggle="tab">Organization</a></li>
</ul>

答案 1 :(得分:0)

使用此 -

 ul.nav.nav-tabs > li > a 

而不是

 .ul .nav .nav-tabs .li .a

因为ul,li和a是标签,所以它们不需要点前缀

答案 2 :(得分:0)

使用此css

    let key : AnyObject = UIApplicationLaunchOptionsKey.remoteNotification as AnyObject
    if let remoteNotification = launchOptions![key as! NSObject] as? [NSObject : AnyObject]{
        self.application(application: application, didReceiveRemoteNotification: remoteNotification)
    }

答案 3 :(得分:0)

ul a:first-child{color:red;}
<ul class="nav nav-tabs">
        <li><a href="#Organization" data-toggle="tab">Organization</a></li>
</ul>