个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我的所有页面都使用单个 CSS 文件，但我遇到了这个问题。我在两个不同的页面上有一个几乎相同(有细微差别)的元素(比方说主页和关于页面；这是主页中特定元素的 CSS 代码，我想将它用于另一个有细微差别的页面。我如何命名这两个类，
我是否需要使用完全独立的类名，如 .home.topcontainer { 和 .about.topcontainer { 等，或者是否有任何可靠的处理方式这个问题？
如果我为整个网站使用单个 CSS 文件以避免混淆类名，那么为不同页面命名 CSS block 的最佳方式是什么？
谢谢
CSS
.top_container {
position:relative;
top:3px;
height:144px;
z-index:1;
background-color: #143952;
width: 90%;
left:5%;
right:5%;
font-family: 'Scope One', serif;
overflow:hidden;
min-width:900px;
最佳答案
最佳做法是在 body 标签中添加一些相关的类(正如您在 magento 等多个 CMS 中看到的那样)，然后像这样使用:
<body class="home">
<div class="top_container">
<!-- Do something -->
</div>
</body>
——或者——
<body class="about">
<div class="top_container">
<!-- Do something -->
</div>
</body>
现在你可以像这样使用css了:
.home .top_container{}
.about .top_container{}
关于css - 如何使不同页面具有唯一的相同类名，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42291000/
25
4
0
现在我正在尝试实现 flash programming specification对于 PIC32MX。我正在使用 PIC32MX512L 和 PIC32MX512H。 PIC32MX512L最终必须
我是一名优秀的程序员,十分优秀！