因为我有3个div我怎么能改变特定div的颜色而不使用class id和inline css

时间:2017-01-31 04:29:11

标签: html css

<div></div>

<div> paragraph</div>

<div>paragraph1</div>

我想更改空白div的背景颜色而不更改Html部分。它应该只通过css

进行更改

任何人都可以帮助我吗?

3 个答案:

答案 0 :(得分:1)

你可以使用

  

DIV:第n个孩子(2)

[HTML]

<div>
  paragraph
</div>

<div>
  paragraph1
</div>

[CSS]

div:nth-child(2) {
  background-color: pink;
}

https://jsfiddle.net/hass/3f0b0jv1/

答案 1 :(得分:0)

请记住div应该是完全空的,也没有任何空格。

<div></div>

div:empty
{
    background-color:red
}

答案 2 :(得分:0)

试试这个

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("div:eq(0)").css("color", "red");
            $("div:eq(1)").css("color", "yellow");
            $("div:eq(2)").css("color", "pink");
            });
    </script>