为什么我的CSS使用一个id，而不是另一个IDENTICAL ID？

Question

当我做类似的事情时：

＆＃13;

＆＃13;

.csproj

＆＃13;

Include

＆＃13;

＆＃13;

＆＃13;

我得到了白色字体，很开心。但由于某种原因，只是改变了DIV标签的名称：

＆＃13;

＆＃13;

val outputDir = new Path(HBaseUtils.getHFilesStorageLocation(resolvedTableName))
val job = Job.getInstance(hBaseConf)
job.getConfiguration.set(TableOutputFormat.OUTPUT_TABLE, resolvedTableName)
job.setOutputFormatClass(classOf[HFileOutputFormat2])
job.setMapOutputKeyClass(classOf[ImmutableBytesWritable])
job.setMapOutputValueClass(classOf[KeyValue])
val connection = ConnectionFactory.createConnection(job.getConfiguration)
val hBaseAdmin = connection.getAdmin
val table = TableName.valueOf(Bytes.toBytes(resolvedTableName))
val tab = connection.getTable(table).asInstanceOf[HTable]
val bulkLoader = new LoadIncrementalHFiles(job.getConfiguration)
preBulkUploadCallback.map(callback => callback())
bulkLoader.doBulkLoad(outputDir, hBaseAdmin, tab, tab.getRegionLocator)

＆＃13;

#caterpillar {
  color: white;
}

＆＃13;

＆＃13;

＆＃13;

在具有相同CSS的同一HTML模板中无效并且在chrome中检查显示它默认为：

<div id="caterpillar">
  sample text
</div>

     

用户代理样式表

#centipede {
  color: white;
}

我没有达到预期的效果。可能会发生什么？为什么它喜欢一个id名称，而不是另一个？

Answer 1

您的示例都不起作用。 white不是font的可接受值（好吧，如果您尝试使用名称为＆＃34; white＆＃34;的字体系列。）

如果要更改前景色，请使用color属性。

Answer 2

您无法使用 font 简写设置字体颜色，您需要使用color: white进行设置。

事实上它＆＃34;不起作用＆＃34;在第二个例子中实际上是预期的行为。它与#caterpillar一起使用的原因是因为颜色是从父元素继承的，或者在其他地方有#caterpillar的其他CSS声明，这可能适用。

看看下面的示例，它适用于ID和正确的CSS

＆＃13;

＆＃13;

#centipede{
    color: red;
}

#caterpillar {
    color: green;
}

＆＃13;

<div id="caterpillar">
    sample text
</div>

<div id="centipede">
    sample text
</div>

＆＃13;

＆＃13;

＆＃13;

font简写实际为

快速查看docs at MDN，字体简写可用于组合以下CSS属性：

强制

font-size
font-family

可选的

font-style
font-variant
font-weight
line-height

Answer 3

尝试清除浏览器缓存以确保您的网页正在加载最新版本。

您还可以尝试检查google开发者控制台中的来源，以确保加载最新内容

Answer 4

使用color属性代替 font

#caterpillar {
    color: white;
}
#centipede{
    color: white;
}