Question

根据此链接http://www.w3schools.com/cssref/css_selectors.asp说明元素元素的CSS规则未在下面的代码中应用。这有什么问题？

 <!DOCTYPE html>
    <html>
    <head>
    <style>
    p div{
        text-align: center;
        color: red;
    }
    </style>
    </head>
    <body>
    
    <h1 class="">This heading will not be affected</h1>
    <p><div class="center">This paragraph will be red and center-aligned.</div></p>
    
    </body>
    </html>

Answer 1

这不是规则，本身就是HTML，这是无效的。您无法将<div>包裹在<p>内。将<p>放在<div>内，然后将规则交换为div p {即可。

Answer 2

小语法更改;-)

<!DOCTYPE html>
<html>
<head>
    <style>
        p.red{
            text-align: center;
            color: red;
        }
    </style>
</head>
<body>

<h1 class="">This heading will not be affected</h1>
<p class="red">This paragraph will be red and center-aligned</p>

</body>
</html>

使用此规则“元素元素”不应用css。这个代码中的问题是什么？

2 个答案: