Css 类声明头-HTML5

我试图在HTML5提供的header元素中添加一个图像（logo），我很好奇是否有人知道是否可以在

header.image

的行中用CSS声明一个类

我尝试了

header.image

，但它似乎不起作用，然而，一旦我有了名为just

.headerimage

的类，它似乎就开始使用我试图应用的padding属性

我正在做一些非常基础的学习，因为有时我会学习HTML代码。如果时间允许，请帮忙。谢谢

我试图在HTML5提供的header元素中添加一个图像（logo），我很好奇是否有人知道是否可以在

header.image

的行中用CSS声明一个类

我尝试了

header.image

，但它似乎不起作用，然而，一旦我有了名为just

.headerimage

的类，它似乎就开始使用我试图应用的padding属性

我正在做一些非常基础的学习，因为有时我会学习HTML代码。如果时间允许，请帮忙。谢谢

这不是整个HTML/CSScode，但我可以设法拍摄一些屏幕截图。你们帮我回答了一些问题，并理解了这个时期和我想做的事情之间的关系。 截图1：（HTML设计视图）截图2：（CSS）

---

在屏幕截图1中，我尝试将网站联系人和登录的链接作为HTML5提供的导航标记的一部分，但是我希望这些链接水平放置在hgroup旁边。我给hgroup指定了一个宽度，现在在hgroup的右边有很多空间，但是导航开始水平排列，这是我应该用CSS中的position或float属性来处理的吗？我尝试了两种不同的组合，我为导航指定了一个宽度，以适应该区域，但它似乎不起作用。有线索吗？CSS代码在屏幕截图2中。在看了这里的讨论之后，我认为使用类可能不是必需的，相反，父子关系可能是最相关的。我个人认为，当CSS是一个非常独特的场景和类时，我们应该在CSS中使用id。当我们希望非常普遍地使用某个东西时，这种父子关系是声明类的一种方式吗？谢谢大家

在CSS中，没有空格的句点，如

this.thing

表示：

选择具有类<代码>对象的元素，但仅当其类型为<代码>此

---

句点（.）是CSS中的一个特殊字符，因此不能用句点命名类。尝试一个

\uuu

或一个

-

，假设您的标记如下所示：

<header><img /></header>

如果您确实使用class=“image”（有点多余）对图像进行了分类，那么您需要：

header .image {...} /* note space */

---

这假定浏览器支持html标头元素。如果没有，您可能希望使用html5shim或modernizer之类的东西，实际上您不能在类名中使用句点，因为它是一个类选择器。例如，如果有一个类“foo”应用于某个html元素，则可以在css中将该元素的样式设置为“.foo”

HTML示例：

<header class="foo">
  <img class="bar" src="some/path/here">
  Some content here
</header>

或

在第一个CSS示例中，样式将应用于所有元素，其中包含类“foo”。在所有元素的第二个元素中，具有类“foo”，同时具有“header”类型

回到您的情况，我认为唯一的目的是将样式应用于header元素内部的图像。这可以通过不同的方式实现：

使用image类

.bar { width: 100px; }

或者更具体地说

img.bar { width: 100px; }

使用亲子关系

header img { width: 100px; }

上面将应用位于header元素内部或其内部的样式 子元素

header>img { width: 100px; }

这仅适用于标题的直接子级

结合两种方法

---

如果您知道舒尔的header元素中只有一个图像，我可以推荐使用“>”的方法。阅读更多关于不同css选择器、ID和类的信息。它可以完成任务。

请提供您的标记和css。我试图用一些代码快照和一些注释更新现有帖子，因为出于某种原因，它不允许我粘贴整个代码。也许我不知道如何充分利用这个网站。ThanksA period

称为类选择器。“所以你不能用句号命名类”HTML5规范没有这样说。@BoltClock这与HTML5无关，这是CSS。“在CSS中，标识符（包括选择器中的元素名称、类和ID）只能包含字符[a-zA-Z0-9]和ISO 10646字符U+00A0及以上，加上连字符（-）和下划线（41;）”@rockerest:下一句开始，“标识符还可以包含转义字符”您仍然可以在类中包含句点并选择它，前提是句点转义为

\.

，并且样式表仍然有效。下一个要点对此作了进一步的阐述。@BoltClock所以你说“你不能用句点来命名类，你可以用

\”来命名它们。

”有一个明显的区别。仍然不能在类名中包含句点<代码>\。在解析时实际上是一个不同的字符。我不确定你是否在玩拖拉，或者你是否真的很笨，以至于一个句点的视觉表现让你开始了这个句法上的惊险冒险，但无论出于什么目的，在类名中包含句点都是不可能的。同样，

和

\.

是用于命名的不同字符串。

img.bar { width: 100px; }

header img { width: 100px; }

header>img { width: 100px; }