Question

我试图将图像（徽标）放在HTML5提供的标题元素中，我很好奇是否有人知道是否可以在header.image的行中声明CSS中的某个类？

我尝试了header.image但它似乎没有用，但是只要我有一个名为.headerimage的类，那么它似乎正在拾取我试图应用的填充属性。

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

我试图将图像（徽标）放在HTML5提供的标题元素中，我很好奇是否有人知道是否可以在header.image的行中声明CSS中的某个类？

我尝试了header.image但它似乎没有用，但是只要我有一个名为.headerimage的类，那么它似乎正在拾取我试图应用的填充属性。

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

这不是整个HTML / CSScode，但我可以设法拍摄一些截图。你们帮我回答了一些问题，并了解时间与我试图做的事情无关。屏幕截图1：https://skitch.com/android86/fm4r7/dreamweaver（HTML设计视图）屏幕截图2：https://skitch.com/android86/fm4fd/dreamweaver（CSS）

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

Answer 1

在CSS中，没有this.thing之类空格的句点表示：

选择包含thing类的元素，但前提是它们的类型为this

句点（。）是CSS中的特殊字符，因此您不能使用句点命名类。试试_或-。

Answer 2

实际上你不能在类名中使用句点，因为它是一个类选择器。例如，你是否有一个类“foo”应用于某个html元素，你可以在css中将这个元素设置为“.foo”链接。

示例HTML：

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

示例CSS：

.foo { color: #AAA; }

或

header.foo { color: #AAA; }

在第一个CSS示例中，样式将应用于所有元素，具有类“foo”。在第二个 - 所有元素中，具有类“foo”并且同时具有“标题”类型。

回到你的情况，我认为唯一的目的是将样式应用于header元素内的图像。它可以通过不同的方式完成：

使用图像类

.bar { width: 100px; }

或更具体地

img.bar { width: 100px; }

使用父子关系
```
header img { width: 100px; }
```
上面的
将应用位于标题元素内或其中的样式儿童元素
```
header>img { width: 100px; }
```
这只适用于标题的直接子项。
结合两种方法。

如果您知道shure在header元素中只有一个图像，我可以推荐使用“＆gt;”的方法。阅读有关不同css选择器，ID和类的更多信息。它会完成这项工作。

Answer 3

假设您的标记看起来像这样：

<header><img /></header>

你想要的选择器是这样的：

header img {...}

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

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

这假定浏览器支持html标头元素。如果没有，你会想要使用像html5shim 1或现代化者2

这样的东西

类声明标题 - HTML 5

3 个答案: