使用特定 ID 设置 div 样式

Question

#contentpage div

这是否意味着选择具有 id #contentpage 的 div？

我遇到了一些糟糕的布局。我正在尝试选择 id 为 #contentpage 的 div。

有人可以告诉我以下 css 的含义吗：

#myid div a
.myid a h
div #myid a

Answer 1

#myid div a
<anytag id="myid"><div><a rel="match">...

.myid a h
<anytag class="myid"><a><h rel="match">...

div #myid a
<div><anytag id="myid"><a rel="match">...

如果您想将一个 div 与 id #myid 进行匹配，那么要么忽略它是一个 div（无论如何 id 都是唯一的）这一事实，要么按如下方式进行匹配：

div#myid

Answer 2

#myid div a

这将匹配 ID 为 myid 的元素内 div 内的 a。当我说“内部”时，我的意思是任何嵌套级别内的任何地方。其他都相同，但元素不同，顺序不同。

---

如果您想要 id 为 contentpage 的元素，只需使用 #contentpage 即可。如果出于某种原因您想指定它是一个 div，那么它将是 div#contentpage。

Answer 3

如果您想使用 contentpage 的 id 修改 div 的样式，那么您将执行以下操作

div#contentpage { //input styling here }

，或者

#contentpage { //input styling here }

看起来您也试图获取 div 下的元素，这些元素可以通过多种方式访问​​，但这通常是我愿意

<div id="contentpage"><div><a></a></div></div>

#contentpage a { //stying }
#contentpage div a {  //styling }

Answer 4

#contentpage {color:red} 将选择 id 为 contentPage 的元素

#myid div a 将选择

内的 code> 元素位于 id myid

.myid a h 的元素内，据我所知，没有 元素？如果没有 h，它将选择任何具有 myid 类的元素内的所有链接（在这种情况下，myid 是一个可疑的名称，因为它本身不是一个 id）

div #myid a 将选择 ID 为 myid 的元素内部的链接，但前提是该元素位于

内。例如，如果元素 myid 是 的直接子元素，则它将不起作用