將CSS應用於嵌套的div
[英]apply css to nested divs
問題描述
我在頁面上使用以下代碼：
<div id="itemstable" class="item_type1">
...other divs here...
</div>
在我的CSS文件中，我有以下代碼：
.item_type1 div {
background-image: url(images/type1.giff);
}
問題是項目類型很多，因此我的CSS文件中需要包含很多行。 我想知道如何應用background-image: url(images/type1.giff); 嵌套div的樣式，而無需將其分配給每個div。 例如。 我想更改“ itemstable” div的代碼，以便將CSS規則應用於嵌套的div。
這可能嗎？
編輯：我正在尋找這樣的事情：
<div id="itemstable" style="SET BACKGROUND IMG FOR NESTED DIVS HERE">
...other divs here...
</div>
2 個解決方案
解決方案1
1 已采納 2009-08-02 04:42:08
（如果我正確理解了這個問題：）
考慮使用其他ID /類方案。 我不知道您的結構的其他細節，但是id="itemstable" class="item_type1"對我來說似乎有點多余。 itemstable可以是item_type1以外的其他東西嗎？ 嘗試應用更多的通用類名稱，並保留ID的特定大小寫。
如果失敗，則可以添加另一個負責添加背景圖像的class="item_type1 item_types" ： class="item_type1 item_types" 。
編輯
由於似乎純粹的質量是主要問題（未按標題所示應用樣式），所以最好在頁面標題中動態插入樣式。 類似於以下內容：
<head>
...
<style type="text/css" media="screen">
<?php echo "#$myelement"; ?> div { background: url(<?php echo $image; ?>) ...; }
</style>
</head>
內聯樣式只能直接應用於元素，不能應用於其子元素之一。 即：
<div style="background: ...;">
背景僅適用於這一格。
您不能在以下內聯樣式中使用選擇器：
<div style="div { background: ...; }">
解決方案2
1 2009-08-02 22:25:49
我認為，包含更多的HTML將使您的問題更容易理解。
您當然可以在復合選擇器中包含多個規則：
.item_type1 div.a, .item_type1 div.b, .item_type1 div.c {
background-image: url(xyz.gif);
}
但是，由於您是從數據庫中動態提取圖像，因此您需要將它們包括在動態代碼中（包括在div中），或者如上所述動態創建CSS：
<style>
<% for $i in $images { echo "div.image$i div { background-image: url(/path/to/$i) }" %>
</style>
使用查詢將不同的CSS應用於所有嵌套的div
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.