I'；我得到了这个错误：这个；“数据支付btn”；按钮元素没有指定的CSS

“数据支付btn”按钮应具有固定位置、90%宽度、1px的实心边框，并位于距视口底部20px的位置

[data-pay-btn]{
      position: fixed;
      width: 90%;
      border: 1px solid;
      bottom: 20px;
  }

我得到了这个错误：

“data pay btn”按钮元素没有指定的CSS

问题是：

创建一个按钮作为data credit card DIV的同级。将该按钮的类设置为mdc BUTTON，并为其指定data pay btn属性。它应该将“立即付款和结帐”作为其显示文本。用户输入卡的详细信息并单击此按钮后，应用程序将敲打卡号以指示其有效

我的HTML代码：

<div data-cart-info>
          <h1 class="mdc-typography--headline4">
              <span class="material-icons"> shopping_cart </span>
              <span data-bill>$10</span>
         </h1>
    </div>
    <div data-credit-card class="mdc-card mdc-card--outlined">
        <div class="mdc-card__primary-action">

            <img data-card-type src="https://placehold.it/120x60.png?text=Card">
            <div data-cc-digits>
                <input type="text" size="4" placeholder="----" />
                <input type="text" size="4" placeholder="----" />
                <input type="text" size="4" placeholder="----" />
                <input type="text" size="4" placeholder="----" />

            </div>
            <div data-cc-info>
                <input type="text" size="20" placeholder="Name Surname" />
                <input class="second" type="text" size="6" placeholder="MM/YY" />
            </div>
        </div>
        <button class="mdc-button" data-pay-btn=""> Pay &amp; Checkout Now </button>
    </div>

购物车
$10
薪酬及福利；现在结账

请使用

      .mdc-button{


          position:fixed;
          width:90%;
          border-width:1px;
          border-style:solid;
          bottom:20px;

      }
``

---

你的代码是正确的。但是按钮应该在最后一个div之后

试试这个：

button[data-pay-btn]{
        position:fixed;
        width:90%;
        border:solid 1px;
        bottom:20px;
    }

你必须按一下按钮（在div下面按一下：

此按钮是data credit card DIV的同级，而不是子级

<div data-cart-info>
        <h1 class="mdc-typography--headline4">
            <span class="material-icons">shopping_cart</span>
            <span data-bill></span>
        </h1>
    </div>
    <div data-credit-card class="mdc-card mdc-card--outlined">
        <div class="mdc-card__primary-action">
            <img data-card-type src="https://placehold.it/120x60.png?text=Card" />
            <div data-cc-digits>
                <input type="text" size="4" placeholder="----" />
                <input type="text" size="4" placeholder="----" />
                <input type="text" size="4" placeholder="----" />
                <input type="text" size="4" placeholder="----" />
            </div>
            <div data-cc-info>
                <input type="text" size="20" placeholder="Name Surname" />
                <input type="text" size="6" placeholder="MM/YY" />
            </div>
        </div>

    </div>
    <button data-pay-btn class="mdc-button">Pay Now</button>

购物车
现在付款

---

顺便问一下，你是如何设计你的“数据信用卡”DIV的？

你的CSS很好。问题出在其他地方。我假设你的CSS没有针对正确的元素，但如果你不提供HTML，我们无法知道。请提供附加的详细信息和代码，以包括一个，而不是在评论中提供它们。