Question

我刚刚开始学习HTML和CSS，我在这里遇到了一个问题。

我正在使用Bootstrap作为我的页面，这是我到目前为止所获得的，简化：

的index.html：

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="main.css">
  </head>
  <body>
    <div class="div">
      <h3>Title</h3>
      <p>Description</p>
    </div>
  </body>
</html>

的main.css：

h, p {
    font-family: "Times New Roman", serif;
}

<p>中的文字显示为Times New Roman，但<h3>中的文字拒绝改变。

为什么会这样，我该如何解决？对不起，如果这是一个显而易见的问题。

Answer 1

你应该把它作为：

h3, p {
    font-family: "Times New Roman", serif;
}

所有标签和类都应该以完整的标签名称给出。如果您想将规则声明为所有 hX 标签，则需要这样：

h1, h2, h3, h4, h5, h6, p {
    font-family: "Times New Roman", serif;
}

完全h1到h6个标签。

<强>段

＆＃13;

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css");
h3, p {font-family: 'Times New Roman', serif;}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="div">
  <h3>Title</h3>
  <p>Description</p>
</div>

＆＃13;

Answer 2

扩展Praveen的答案：

CSS中的每个元素选择器（在每个规则的class SIPSTACK_API ISipStack : public Component::IUnknown { public: class IFactory : public Component::IFactoryUnknown { public: virtual ISipStack* create() = 0; static const char* iid() {return "SipStack";} }; public: virtual ~ISipStack(void){} ///@brief ///\param [in] config ///\note virtual bool setConfig(SipConfigInfo& config) COMPONENT_UNIMPLEMENTED_OPERATION ///\param [in] handler ///\note virtual bool start(void) COMPONENT_UNIMPLEMENTED_OPERATION ///@brief enum { inviteHandler = 0, actRegHandler, pasRegHandler, outCallMsgHandler, subscribeHandler, proxyHandler }; /// @brief ///\param[in] type inviteHandler、registerHandler ///\param[in] handler ///\note virtual bool attachHandler(int type, Component::IUnknown* handler) COMPONENT_UNIMPLEMENTED_OPERATION之前键入的内容）必须与html页面上的元素匹配。有三种可能的选择器，所有3种都在这个html元素中使用：

这些是：

h3，元素本身
header-3，类
page-title，id

要选择这些，您可以在CSS中选择它们：

<h3 class="header-3" id="page-title">Test</h3>

无法更改标题的字体（CSS，Bootstrap）

2 个答案: