【问题标题】:Can I use DIV class and ID together in CSS?我可以在 CSS 中同时使用 DIV 类和 ID 吗?
【发布时间】:2011-05-21 06:44:06
【问题描述】:

我可以在 CSS 中同时使用 DIV Class 和 ID 吗? 例如:

<div class="x" id="y">
    --
</div>

【问题讨论】:

  • 您好像忘记使用code markdown
  • 你的 HTML 很好。您可以在同一元素上指定 classid
  • 您的意思是“我怎样才能同时使用类和 ID?” ?
  • @Billa,可能值得阅读 SO Mark-down editing help page 以获取使用 Mark-down 编辑器的帮助。
  • 当然可以,您甚至可以为每个元素指定多个类(即:&lt;div class="x z b"&gt;)。你不能做的是每个元素使用多个 id(即&lt;div id="y w"&gt;

标签: css html


【解决方案1】:

是的,是的,你可以。

#y.x {
 /* will select element of id="y" that also has class="x" */
}

同样:

.x#y {
 /* will select elements of class="x" that also have an id="y" */
}

顺便说一句,这在某些用例中可能有用(其中类用于表示某种形式的事件或交互),但在大多数情况下,它不一定有用,因为ids无论如何在文档中都是唯一的。但是,如果您正在使用类进行用户交互,那么了解它可能很有用。

【讨论】:

  • 不肯定的是这种情况,但我记得在 IE6 中将 ID 首先放在不起作用(我知道,它很旧,但我想我会提到这一点,以防万一)。跨度>
  • @Matthewpavkov,...天哪,我不得不考虑 IE6(或者,实际上是 IE7;是的,网络开发爱好者!)已经有一段时间了,但我同意你的观点。这可能很重要。 +1,先生! =)
【解决方案2】:

您还可以根据需要在标签上使用任意数量的类,但 id 必须对文档是唯一的。 还要小心使用过多的 div,因为另一个更具语义的标签可以完成这项工作。

<p id="unique" class="x y z">Styled paragraph</p>

【讨论】:

    【解决方案3】:

    当然可以。

    你的 HTML 很好。要使用 css 设置元素的样式,您可以使用以下方法:

    #y {
        ...
    }
    
    .x {
        ...
    }
    
    #y.x {
        ...
    }
    

    您还可以向元素添加任意数量的类

    <div id="id" class="classA classB classC ...">
    </div>
    

    您可以使用选择器与类和 id 的任意组合来设置该元素的样式。 例如:

    #id.classA.classB.classC {
         ...
    }
    
    #id.classC {
    }
    

    【讨论】:

    • 这真的是评论,而不是问题的答案。请使用“添加评论”为作者留下反馈。
    • 这是对问题的直接回答。简单的问题 - 简单的答案。顺便说一句,这是一篇已有 2 年历史的帖子。
    • 帖子的年龄不影响其质量。现在看起来好多了:) +1
    【解决方案4】:

    这是 HTML,但是是的,您几乎可以将任何您喜欢的选择器组合在一起。

    #x.y { }
    

    (HTML 也很好)

    【讨论】:

    • 还有一个用于 DIV(不是类)和 ID 的选择器:div.y {...} 尽管更改使用给定 id 引用的元素的 type 听起来有些可疑,所以...不确定问题是错字还是什么:-)
    【解决方案5】:

    是的,您可以在一个分区中同时使用这两个分区,但这并不常见。在造型时,你会同时调用两者,所以如果你没有正确选择“x”和“y”,它会导致一些歧义。 使用# 作为ID,使用. 作为班级。对于整体划分,您可以单独进行样式设置或编写:#x .y 用于样式设置。

    【讨论】:

      【解决方案6】:

      是的,为什么不呢?然后应用于类“x”的 CSS 和应用于 ID“y”的 CSS 应用于 div。

      【讨论】:

        【解决方案7】:

        如果您想在 CSS 中定位特定的类 ID,请使用div.x#y {} 之类的格式。

        【讨论】:

          【解决方案8】:

          #y.x 应该可以工作。而且也很方便。您可以制作具有不同类型输出的页面。您可以为某个元素指定一个 id,但根据您想要的外观为其指定不同的类。

          【讨论】:

            【解决方案9】:

            是的,你可以。

            您只需要了解它们的用途,class 更通用,可以多次使用,id(就像您的 id)只能使用一次。

            这个优秀的教程帮助了我:

            The Difference Between ID and Class

            虽然这不是您问题的确切答案,但我相信它会对您有很大帮助!

            祝你好运!

            编辑:阅读您的问题,我只想澄清一下:

            <div class="x" id="y">
                --
            </div>
            

            如果你想在 CSS 中“使用它们”来进行样式设置,你应该这样做 David Says: #x.y { }

            【讨论】:

              猜你喜欢
              • 2013-09-26
              • 2011-08-25
              • 2014-10-30
              • 2020-10-22
              • 2023-02-04
              • 2011-02-16
              • 1970-01-01
              • 2018-05-27
              • 1970-01-01
              相关资源
              最近更新 更多