不能任何文字样式。无法定位p标签或h标签

Question

我试图在div中使用id =＆＃34; second＆＃34;

来定位此h2标签和此p标签

出于某种原因，无论我尝试什么，我都无法定位我添加到此HTML的任何文本。

我确定它的某些东西很愚蠢，但无论如何都无法找到它。

这是小提琴： https://jsfiddle.net/odjfmv1g/1/

另外我确定有更好的方法来格式化这个fiv和p标签以备将来的文字使用，所以如果你有一个siggestions，请随时让我知道或改变小提琴。

    <div id="second">
    <h2 id="h2">What we do</h2>
    <p id="p2">Let us take your buisness to the next level</p>
    </div>

#h2{
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
}

我也想把它放在页面的中心

Answer 1

在div中设置html样式的更好方法是

#second>h2{
//CSS CODE
}

这是因为你的h2和p在另一个div（容器）中而不是直接在体内。或者你可以使用类stlye HTML：

<h2 class="myStyle">some word</h2>

的CSS：

.myStyle{
  //css code
}

Answer 2

您无法设置这些元素的样式是因为-webkit-box-shadow: 0px 0px 20px black rgba(0, 0, 0, 0.5;选择器中的-moz-box-shadow: 0px 0px 20px black rgba(0, 0, 0, 0.5;和.btn2声明缺少右括号。

就更好的样式选项和文本居中而言，我会让一个比CSS更擅长CSS的人。

Answer 3

问题是你的css无效，

-webkit-box-shadow: 0px 0px 20px black rgba(0, 0, 0, 0.5;  // missing )
-moz-box-shadow: 0px 0px 20px black rgba(0, 0, 0, 0.5;     // missing )
box-shadow: 0px 0px 20px black rgba(0, 0, 0, 0.5);

如果您将css粘贴到此处：https://jigsaw.w3.org/css-validator/validator

它会告诉你第180,181和182行有错误。