Css選擇器：如何引用一個div內的屬性

-1

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

我想引用所有在div id'組'中的img，如何在css中標記它？另外，哪個更好？全部分配給img /創建一個類，例如。＃img.groupItem並每次引用它？由於Css選擇器：如何引用一個div內的屬性

的源代碼：

<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代碼引起的問題？

來源

2012-12-07 user782104

你在說什麼屬性？ – BoltClock

呃...... https://developer.mozilla.org/en-US/docs/CSS –

它對於CSS ID以數字開頭無效。 – sevenseacat

CSS的意思是在selectors的幫助下應用全局樣式。

的後代選擇是你在找什麼：

#group img { 
    // code 
}

來源

2012-12-07 07:24:00

我試過了，但看起來我的情況並不那麼簡單，不幸的是 – user782104

您可以創建一個選擇引用那些是：

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

然而，如果可能的話，最好只創建一個類爲你想做什麼：

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

基本上你想決定這是否真的是事情喲你只想在那個地方申請。這個HTML結構總是如此嗎？如果您更改ID，該怎麼辦？如果你使用帶有背景圖片的div而不是img標籤？這些都是你想問自己的問題。

來源

2012-12-07 07:28:57

編輯問題plz看一看 – user782104

如果你想引用圖書中的所有'img'標籤，你可以使用'#page img'或＃書img'甚至'.turn-page img'。 –

Css選擇器：如何引用一個div內的屬性

回答

相關問題