我可以在CSS中使用DIV类和ID吗?
我可以在CSS中使用DIV类和ID吗? 例如:
<div class="x" id="y"> -- </div>
是的,是的,你可以。
#yx { /* 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" */ }
顺便说一句,这在某些用例(其中类用于表示某种forms的事件或交互)中可能是有用的,但大多数情况下它不一定非常有用,因为id
本身在文档中是唯一的。 但是,如果您使用类进行用户交互,那么了解它就非常有用。
您也可以根据需要在标签上使用尽可能多的类,但是标识必须是文档唯一的。 另外要小心使用太多的div,当另一个更多的语义标签可以完成这项工作。
<p id="unique" class="xyz">Styled paragraph</p>
当然可以。
你的HTML就好了。 用CSS来devise元素的样式可以使用下面的方法:
#y { ... } .x { ... } #yx { ... }
你也可以根据自己的需要添加尽可能多的课程
<div id="id" class="classA classB classC ..."> </div>
而且你可以使用select器和类和id的任意组合来设置该元素的样式。 例如:
#id.classA.classB.classC { ... } #id.classC { }
这是HTML,但是,是的,你可以在任何你喜欢的select器几乎一起。
#xy { }
(而且HTML也很好)
是的,在一个单一的部门,你可以使用,但不是很常见。 造型时,你会调用两个,所以如果你没有正确select“x”和“y”,会造成一些不明确的地方。 使用#
作为ID和.
上课。 而对于整体划分,你可以做单独的样式,或者写下: #x .y
来进行样式devise。
是的,为什么不? 那么适用于类“x”的CSS和适用于ID“y”的CSS将应用于div。
如果您想要在CSS中定位特定的类和 ID,请使用div.x#y {}
这样的格式。
#yx应该工作。 而且也很方便。 您可以使用不同types的输出制作页面。 你可以给一个特定的元素一个id,但根据你想要的外观给它不同的类。
是的你可以。
你只需要明白他们是什么, class
是更一般的,可以使用多次, id
(就像你的ID),你只能使用一次。
这个优秀的教程帮助了我:
ID和Class的区别
虽然这不是一个确切的答案,我相信它会帮助你很多!
祝你好运!
编辑:读你的问题,我只是想澄清:
<div class="x" id="y"> -- </div>
如果你想在CSS中使用它们来进行样式化,你应该像David说的那样做: #xy { }