Question

#contentpage div

这是否意味着选择标识为#contentpage的div？

我的布局不好。我正在尝试选择ID为#contentpage的div。

有人也请告诉我以下css的含义：

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

Answer 1

#myid div a

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

如果您想要一个ID为contentpage的元素，只需使用#contentpage。如果由于某种原因你想要指定它是一个div，它将是div#contentpage。

Answer 2

#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">...

如果你想匹配一个id为#myid的div，那么要么忽略它是div（无论如何都是唯一的），或者按如下方式匹配：

div#myid

Answer 3

如果您想使用内容页面的ID修改div的样式，那么您将执行以下操作

div#contentpage { //input styling here }

OR

#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}会选择标识为contentPage

的元素

#myid div a将选择<a>内<div>个元素，这些元素位于ID为myid

的元素中

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

div #myid a会选择ID为myid的元素内的链接，但前提是此元素位于<div>内。如果元素myid是<body>的直接子元素（例如

），则无效

使用特定ID设计div

4 个答案: