创建一个 DIV 并给它一个 data-cart-info 属性。在 DIV 中，创建一个标题 mdc-typography--headline4" 作为其 CSS class

Question

创建一个 DIV 并给它一个 data-cart-info 属性。在 DIV 中，创建一个带有 mdc-typography--headline4" 作为其 CSS class.

的标题

我的解决方案：

<div data-cart-info="mdc-typography--headline4">
   <h1>Heading</h1>
</div>

请问我的解决方案是否正确？

  </head>
  <body>
    <div data-cart-info="mdc-typography--headline4"><h1>Heading</h1></div>
    <script>
      const supportedCards = {
        visa : 'visa', mastercard : 'mastercard'
      };
     </script>

我正在构建 PayCard（信用卡验证器）

Answer 1

不是，因为从需求句来看，标题（<h1>）应该是class，而不是div:

<div data-cart-info><h1 class="mdc-typography--headline4">Heading</h1></div>

Answer 2

这是我的代码

<div data-cart-info>
    <header class="mdc-typography--headline4"></header>
</div>

Answer 3

从声明中 (data-cart-info) 应该是 div 的属性那么你的标题 [h1] 应该有 class (mdc-typography--headline4 ) 您的代码应该是：

<div data-cart-info>
<h1 class="mdc-typography--headline4"></h1>
</div>

Answer 4

这可能有帮助：

<div data-cart-info>
   <heading class="mdc-typography--headline4"></heading>
</div>

创建一个 DIV 并给它一个 data-cart-info 属性。在 DIV 中，创建一个标题 mdc-typography--headline4" 作为其 CSS class

Create a DIV and give it a data-cart-info attribute. Inside the DIV, create a HEADING with mdc-typography--headline4" as its CSS class

html

javascript

css

heading