代码之家 › 专栏 › 技术社区 › Simon_Weaver

我应该'命名我的网页'为自定义css的目的,它需要吗?

css

Simon_Weaver · 技术社区 · 16 年前

在css中,我应该在顶层“命名”我的页面,如下所示:

<div class="page_products">

为了像这样编写特定于该页的css:

.page_products h3 {
   font-color: red;
}

注意:这是一个完全随机的样式覆盖,可能不太有用。H3是第一个进入我脑海的东西。我只是想描述一下这种做法。

我见过一些地方描述过这种做法,包括 answer to one of my other posts ,我觉得有点恐怖。我宁愿在一个 <style> 标记在页面顶部或创建第二个.css文件(可能性较小)。但如果我换个角度看,它很吸引人,我很想用它。

其他人怎么看这种做法。在我看来,它简直无法维护。有什么好处或陷阱?

附加点: 我可能也在尝试为iPhone版本编写一个特定的.css文件,并且有点担心,多个css文件可能会变得非常笨拙。

4 回复 | 直到 8 年前

Rex M 16 年前

与其有一堆一次性的CSS文件,其中每个文件都有1或2条规则,我发现将 body 类似于示例的ID或类属性。最终,实用主义应该获胜。简单意味着在不同的尺度上有不同的东西-如果你在每个页面上有大量的CSS更改,那么维护不同的CSS文件和交换include语句就会变得简单得多。但是,由于只有一些规则,可能只有一些边缘案例页面,所以在主样式表中包含所有规则会更容易。

gmcrist 16 年前

我通常喜欢指定额外的CSS文件。但是,它会导致额外的HTTP请求并减慢加载时间。 <style> 从长远来看,html头中的标记是不可维护的。

如果在某些情况下为特定页面的少数项重写样式,则此方法是合理的。

最好用车身来代替div来申请一个类或id,这样更干净,也更容易在以后的维护中被发现。

Stephen M. Redd 16 年前

有时你没有选择的余地,你必须有特定的css页面 .

我通常会在每页的正文中添加一个惟一的ID,这样就不需要额外的div了。

<body id="page-x">
    <h3>Page Title</h3>
</body>

如果需要,我尽可能少地添加到主样式表(以防止额外的http请求)

#page-x h3 {
    custom css...
}

mlambie 16 年前

当人们想用Greasemonkey之类的工具来处理你的渲染时,给元素命名会让事情变得简单而美好。他们可能只想“修复”你的“页面产品”标签。

例如,有一个torrent站点,我是它的一个成员,它显示了一系列的复选框,当我列出新的torrent时,我不想看到这些复选框。使用Greasemonkey,我可以对命名元素应用一些display:none-CSS,这样每次我去那里时它都是不可见的。

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

8 月前

Mass · 如何在Tailwind CSS v4中创建配置

9 月前

magenta placenta · 将css变量合并为一个变量

9 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

9 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

9 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

9 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

9 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

9 月前

Luckkks · 过渡色工作不正常

9 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

9 月前