css在大型HTML网页中定位特定的div标签

前端之家收集整理的这篇文章主要介绍了css在大型HTML网页中定位特定的div标签前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
关于我以前的 question here.
如果我使用下面的HTML代码作为我的网页的一部分,那里可能会有更多的div标签,我如何在CSS中定位这些特定的div?我觉得效果最好的样本是[本答案] [2].

添加了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>

解决方法

在HTML文件
< LINK REL = StyleSheet HREF =“Path / to / your / stylesheet.css”TYPE =“text / css”MEDIA = screen>在页面顶部引用新样式表.

在你的CSS文件中:

#projectName{
style:value;
}

#divAnnounce{

}

如果您使用的话,#会以ID为目标.在它定位类名之前,

如果您需要特定的,也可以使用两者

#idname.classname{

}

如果divAnnounce中有另一个div,你可以这样做

#divAnnounce #yournewdiv{

}

要么

#divAnnounce div{

}

要么

#newdivid{

}

注意两个目标之间的空间,表示它们是父母和孩子

原文链接:https://www.f2er.com/css/242400.html

猜你在找的CSS相关文章