-1 
<div id ="group">
    <img src= ' ' id = '1'>
    <img src= ' ' id = '2'>
    .......
</div>

我想引用 div id 'group' 中的所有 img ，如何在 css 中标记它？另外，哪个更好？将所有分配给 img / 创建一个类，例如。#img.groupItem 并每次都引用它？谢谢

源代码：

<div id="book">
    <img alt="flip book" src="demo/medium/Web081112_P001_medium.jpg">
    <img alt="flip book" src="demo/medium/Web081112_P002_medium.jpg">
    <img alt="flip book" src="demo/medium/Web081112_P003_medium.jpg">
</div>

运行javascript后：

<div id="page" style="display: block; width: 1180px; height: 767px; left: 50%; top: 50%; margin: -413.5px auto 0px -590px; cursor: default;">
    <div id="book" style="position: relative; width: 1180px; height: 767px; transform: translate3d(0px, 0px, 0px);">
        <div class="turn-page-wrapper" page="1" style="position: absolute; overflow: hidden; width: 590px; height: 767px; top: 0px; right: 0px; left: auto; bottom: auto; z-index: 0; display: none;">
            <div id="cover" class="turn-page p1" style="width: 590px; height: 767px;">
            </div>
        </div>
        <div class="turn-page-wrapper" page="2" style="position: absolute; overflow: hidden; width: 590px; height: 767px; top: 0px; left: 0px; right: auto; bottom: auto; z-index: 7;">
            <div style="position: absolute; top: 0px; left: 0px; overflow: hidden; z-index: auto; width: 968px; height: 968px;">
                <div class="turn-page p2" style="width: 590px; height: 767px; position: absolute; top: 0px; left: 0px; bottom: auto; right: auto;">
                    <img alt="flip book" src="demo/medium/Web081112_P001_medium.jpg">
                </div>
            </div>
        </div>
    </div>
</div>

html 代码就像单个 img 一样，我使用了此处提供的答案，但仍然无法正常工作。我相信这是由生成html代码引起的问题？

4

2 回答 2

2

CSS 旨在借助选择器应用全局样式。

后代选择器是您正在寻找的：

#group img {
    // code
}
于 2012-12-07T07:24:00.317 回答
1

您可以创建一个选择器来引用这些，是的：

#group img { width: 32px; height: 32px }

但是，如果可能的话，最好为您想要做的事情创建一个类：

.icon { width: 32px; height: 32px }

基本上，您想确定这是否真的是您只想在该位置应用的东西。那个 HTML 结构会一直如此吗？换身份证怎么办？如果您使用带有背景图像而不是img标签的 div 怎么办？这些都是你想问自己的问题。

于 2012-12-07T07:28:57.890 回答