将 css 分配给特定元素
我在页面上有一个
元素,我希望它以某种方式显示。更改 css 会影响所有
这是我要更改的元素
这是我的 css
ul li {
/*font: normal 17px Helvetica;*/
color: #a9a9a9;
border-top: 1px solid #333;
border-bottom: #555858;
list-style-type: none;
padding: 10px 10px 10px 10px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142));
overflow: hidden;}
注释掉的字体部分和颜色是我想要影响这个
而不是任何其他的。我该怎么做?谢谢你!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
如果你可以在 LI 上设置一个 id 或一个类,那么这将是微不足道的。
除此之外,没有简单的方法可以单独使用 css 来实现这个跨浏览器。
If you can set a id or a class on the LI, then it would be trivial..
Aside from that, there is no simple way to do this cross-browser with css alone.
基本上,您只需要给它一个额外的标识/属性,这样您就可以使用 CSS 选择器来设置
li
标记的样式。例子:Basically, you just need to give it an extra identity/attribute so you can have a CSS selector to style that
li
tag. Example:或者在 LI 本身上使用内联样式 STYLE=: <
li style="font: Helvetica; color: #a9a9a9;">...
Or use an inline style, STYLE= on the LI itself:
<li style="font: Helvetica; color: #a9a9a9;">...</li>
附带说明一下,除了 Helvetica 之外,您可能还应该考虑向该规则添加额外的后备无衬线字体。我是这种字体的忠实粉丝,但大多数人的计算机上都没有这种字体。
编辑:当我写这篇文章时,有人发布了我同样的答案。不过我会保留旁注,因为它很有用。
On a side note you should probably think about adding additional fallback sans-serif fonts to that rule aside from
Helvetica
. I'm a big fan of that typeface, but most people don't have it on their computers.EDIT: Someone posted my same answer while I was writing this one. I'll keep the sidenote though because its useful.
如前所述,类或 id 都可以做到这一点 - 取决于您是否要为此列表项唯一使用此特定样式,或计划在其他地方使用它(尽管您只能在页面上使用一次 id,您可以在另一个页面上重复使用 ID)。
您可以在一个列表中混合和匹配类和 id,这样即使您希望列表中的每个列表项具有不同的样式,您也可以使用不同的类和 id 来实现。
例如,您可以让样式默认设置列表的样式,以便没有类或 id 的项目继承默认样式,然后可以控制单个项目的任意数量的类和 id...
As previously said, either a class or id will do it - depending whether you're going to be using this particular style uniquelly for this list item, or plan to use it elsewhere (though you can only use an id once on a page, you can reuse an id on another page).
You can mix and match classes and ids within one list, so that even if you want different styles for each list item in your list you can do it using different classes and ids.
For example, you can have your style that styles your list by default, so that items with no class or id inherit the default style, and then any number of classes and ids that can control the individual items...