Question

我使用离子3。如何在我的背景中添加ID？

＆＃13;

ion-content {
        background-image: url('../assets/imgs/back.png');
        background-size: 100%;
        background-repeat: no-repeat;   }

＆＃13;

Answer 1

所以我认为你有点困惑，在CSS类和ID中都充当选择器，并且都可以使用相同的CSS属性。这意味着通常不需要在对象上同时使用它们。拥有一个ID和一个班级（或多个班级）没有任何问题，而且通常不是必需的。

请参阅此示例：https://codepen.io/samandalso/pen/zaPpve

在其中我们在同一个div上使用ID和类，但您可以轻松地将所有CSS规则移动到其中一个并获得相同的结果。最后一个选择器是一个子选择器，它表示和div是父类的子节点，其类为＆＃34; ion-content＆＃34;在四个边上给出100px的填充并使颜色变红。这有帮助吗？

/* Individual selectors */
#myID {
  background-size: cover;
  width: 100vw;
  height: 100vh;
}

.ion-content {
  background: url(http://via.placeholder.com/100x100) center center;
  text-align: center;
}

/* Child selector */

.ion-content div {
  color: red;
  padding: 100px;
}

如何在我的背景中添加ID？

1 个答案: