无法选择子标签CSS

Question

我在我的新网站上使用Bootstrap 3，对于我的生活，我无法在下面的例子中选择p标签。我已经尝试了所有我能想到的东西，过去3个小时我一直坚持这个问题（我很难过）。

我在下面尝试了以下几个例子

 .p 
 body > section > .container > .row > .col-sm-5 > p

然后（我试过的每一个）。

 { 
 color: red;
 }

我也尝试给标签一个类名，然后直接调用该类或ID ......仍然没有。我尝试过每一个我能想到的组合。

有谁能告诉我如何选择p元素，以便我可以更改文字颜色？以下是在firefox中使用firebug进行的，我再次寻找p标签。

修改

按要求提供的HTML代码

<section id="slider" class="bg-color np">
    <div class="container">
        <div class="row item">
            <div class="col-sm-5">
                <p id="test">Our product is one of a kind!</p> <!-- this is p tag -->
                <form  id="newsletter" action="" class="form-inline" role="form">
                  <div class="form-group">
                    <label class="sr-only" for="exampleInputEmail2">Email address</label>
                    <input type="email" name="email" class="form-control" id="exampleInputEmail2" placeholder="Enter your email">
                    <button type="submit" class="btn">submit</button>  
                  </div>
                </form>
            </div>
            <div class="col-sm-7">
                <img src="img/cover.png" class="img-responsive main" alt="product" />
            </div>
        </div>
    </div>
</section>

谢谢！

Answer 1

试试这个，

body > section > .container > .row > .col-sm-5 > p
{ 
    color: red !important;
}

FIDDLE

for more about !important visit http://www.w3.org/TR/CSS2/cascade.html#important-rules

Answer 2

检查这个.. !!

FIDDLE

CSS：

#test{

    color:red !important;

}

你必须以两种不同的方式应用css .. !!所以你必须告诉哪一个应该采取。所以'！important '。