-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構造は、常にどのようになるのでしょうか。IDを変更するとどうなりますか？imgタグの代わりに背景画像付きのdivを使用するとどうなりますか？それらはあなたがあなた自身に尋ねたい種類の質問です。

于 2012-12-07T07:28:57.890 に答える