Question

在CSS中，有几种解决不同元素的方法。（在以下示例中，我将使用div元素。）

类-div.main {

ID-#id-name {

元素-div {

假设我正在制作一个简单的动画，并且想旋转一个p元素。

p {
  text-align:center;
  font-size:40px;
}
#spinner {
  animation-name:spin;
  animation-duration:03s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
 }
 @keyframes spin {
   from {
     transform:rotateY(0deg);
   } to {
     transform:rotateY(360deg);
   }
 }

<p id="spinner">Hello, world!</p>

如果我将所有animation部分都包含在p地址中，那么我将文本放大并居中，或者使用了{{ 1}}而不是称为p.main的{{1}}？有区别吗，还是只是偏爱？

id

Answer 1

让我们一个个看一看：

使用元素名称：
如果将element用作css选择器，则使用TagName
定位所有元素示例：p{color: red;}将使每个p元素的颜色变为红色。
使用带有元素的类名称：
类可用于定位多个元素，您可以通过为任意元素指定目标来缩小目标的范围。
示例：p.class-name{color: red;}仅适用于具有该类名称的元素，而不适用于所有元素。
使用ID的：
ID是唯一的，并且必须准确，您可以定位具有相同ID的任何元素。它应该具有一对一的映射，这样就意味着没有重复的ID 。
示例：p#some-id{color: red;}仅将样式应用于具有该ID的元素。

我希望它能阐明几点。

CSS-类，ID和元素：有什么区别？

1 个答案: