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标签

回答

相关问题