是否可以在列表项上使用CSS伪类？
我希望以下内容生成一个交替颜色列表,但我得到一个蓝色项目列表:
<html>
<head>
<style>
li { color: blue }
li:odd { color:green }
li:even { color:red }
</style>
</head>
<body>
<ul>
<li>ho</li>
<li>ho</li>
<li>ho</li>
<li>ho</li>
<li>ho</li>
</ul>
</body>
</html>
我有一个table,其tds的动态创建.我知道如何得到第一个和最后一个孩子,但我的问题是:
有没有办法让第二个或第三个孩子使用CSS？
做类似的事情的语法是什么:
input[name="Sex" AND value="M"]
基本上,我想选择input具有属性的元素name="Sex"以及属性value="M":
<input type="radio" name="Sex" value="M" />
元件如以下应该没有被选择:
<input type="radio" name="Sex" value="F" />
如何在CSS表中选择tr除第tr一个元素之外的所有元素？
我尝试使用此方法,但发现它不起作用:
假设我们有这个标记:
<div class="abc"> ... </div>
<div class="xyz"> ... </div>
<div class="abc xyz" style="width: 100px"> ... </div>
有没有办法只选择<div>哪个有BOTH abc和xyz类(最后一个)并覆盖它的内联宽度,使有效宽度为200px？
像这样的东西:
[selector] {
width: 200px !important;
}
HTML:
<label for="email">{t _your_email}:</label>
CSS:
label {
display: block;
width: 156px;
cursor: pointer;
padding-right: 6px;
padding-bottom: 1px;
}
我想为电子邮件标签制作一个新的CSS,因为它并不意味着那么广泛.
我想要两个具有不同名称的类在CSS中具有相同的属性.我不想重复代码.
.abc {
margin-left:20px;
}
.xyz {
margin-left:20px;
}<a class="abc">Lorem</a>
<a class="xyz">Ipsum</a>由于两个类都在做同样的事情,我应该能够将它合并为一个.我怎样才能做到这一点？
是否可以选择一组元素中的每个第四个元素？
例如:我有16个<div>元素......我可以写类似的东西.
div:nth-child(4),
div:nth-child(8),
div:nth-child(12),
div:nth-child(16)
有一个更好的方法吗？
我一直在阅读CSS不区分大小写,但我有这个选择器
.holiday-type.Selfcatering
当我在我的HTML中使用时,就像这样,被拾起
<div class="holiday-type Selfcatering">
如果我像这样改变上面的选择器
.holiday-type.SelfCatering
然后风格没有被提起.
有人说谎.