css針對大型HTML網頁中的特定div標籤

與我以前的question here相關。如果我使用下面的HTML代碼作爲我的網頁的一部分，那裏可能會有更多的div標籤，那麼我如何在CSS中定位這些特定的div？我認爲最好的樣本是[本答覆] [2]。css針對大型HTML網頁中的特定div標籤

我添加了Id屬性，以使div在一個大的HTML DOM中更加可選...我不知道如何讓它們更易於區分。如果有更好的方法，請告訴我。目標是將CSS設計應用於大型共享點門戶網站中的大約6個div標籤元素。如果有一種更通用的方式，這將是很酷的，所以我可以輕鬆添加更多的部分並在將來使用這種格式...我可以添加一個類屬性給每個我希望應用格式的元素，但我不知道語法。

什麼是設計師專業的網絡方式來完成這項工作？

<div id="projectName"> 
     Realtime Account Activiation 
</div> 

<div id="divAnnounce"> 
     Announcements 
</div>

我 http://jsfiddle.net/eW532/1/

我使用下面的代碼，但得到不好的結果，其中整個水平長度是藍色的，但不是第一個字母。我試圖讓html元素一起使用兩個類。

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <style type="text/css"> 
     .even_spacing { color: purple; 
         background-color: #d8da3d } 

     .first_letter { background:blue; 
         color:white; 
         padding:4px 0px 4px 5px;}   
    </style> 

</head> 
<body> 
    <form id="form1" runat="server"> 

    <div class="first_letter even_spacing"> 
     Realtime Account Activiation 
    </div> 

    <div class="first_letter even_spacing"> 
     Announcements 
    </div> 
    </form> 
</body> 
</html>

來源

2011-02-07 kacalapy

把 <LINK REL=StyleSheet HREF="Path/to/your/stylesheet.css" TYPE="text/css" MEDIA=screen>在頁面的頂部，以引用新的樣式表。

在你的CSS文件

地說：

#projectName{ 
style:value; 
} 

#divAnnounce{ 

}

的＃目標事情的ID，如果你使用。之前，將目標鎖定在類名，

您也可以同時使用，如果你需要得到具體如

#idname.classname{ 

}

如果你有divAnnounce內另一格，你可以做

#divAnnounce #yournewdiv{ 

}

#divAnnounce div{ 

}

#newdivid{ 

}

注意其間的兩個目標，說他們是父母和孩子的空間

來源

2011-02-07 18:23:35 Bill

您應該使用CSS classes和selectors。

在HTML文件中

來源

2011-02-07 18:22:31 SLaks

<style> 
.class1 { 
style: value; 
} 

.class2 { 
style:value; 
} 
</style> 

<div class="class1" id="projectName"> 
     Realtime Account Activiation 
</div> 

<div class="class2" id="divAnnounce"> 
     Announcements 
</div>

更多信息：Class vs ID selectors

來源

2011-02-07 18:24:06

您需要使用.className符號類和#IDName符號爲ID的：

.className { 
style:value; 
} 

#IDName { 
style:value; 
}

<div class="className">Test</div> 

<div id="IDName">Test</div>

來源

2011-02-07 18:25:10

-1

ID是唯一的，它們用於識別特定頁面元素。所以這真的是最好的方式來完成你正在尋找的東西！

一例中設定的風格：

#projectName {width:100%;}

示例設置一個jQuery事件：

$("#projectName").click(function() { alert('Clicked'); });

來源

2011-02-07 18:26:24 Zuul

請設置一些評論給否定的投票，否則，我無法看到我的答案有什麼問題！ – Zuul 2011-02-07 18:45:57

我寫了一篇關於類似問題的答案。

Load an external CSS for a specific DIV

我相信這應該可以幫助您。

確保驗證CSS文件將始終返回響應頭中的「Access-Control-Allow-Origin」以加載外部文件。

如果您使用其他方式加載CSS數據，則可以使用applyCSSToHTML()函數。

祝你好運！

來源

2013-08-15 12:23:12

css針對大型HTML網頁中的特定div標籤

回答

相關問題