我试图按照这个特定的顺序对列表项进行样式：

1：白色
2：白色
3：蓝色
4：蓝色
5：蓝色
6：白色
7：白色
8：蓝色
9：蓝色
10：蓝色
11：白
12：白色

模式是[1-2] [3-4-5] [6-7] [8-9-10]

我的html结构只是一个简单的列表：

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

这个模式是否可以使用css nth-child？如果是这样我的选择器会是什么样的？

相同输出的较短代码将是：

li {
  color: white;
}
li:nth-child(5n-3),li:nth-child(5n-4) {
  color: blue;
}

li {
  color: white;
}
li:nth-child(5n-4),li:nth-child(5n-3) {
  color: blue;
}
/** FOR THE DEMO **/

body {
  background: grey;
}

<ul>
  <li>1. text</li>
  <li>2. text</li>
  <li>3. text</li>
  <li>4. text</li>
  <li>5. text</li>
  <li>6. text</li>
  <li>7. text</li>
  <li>8. text</li>
  <li>9. text</li>
  <li>10. text</li>
  <li>11. text</li>
  <li>12. text</li>
</ul>

要点是您不需要指定白色应用于哪个元素，而只需要蓝色的元素，因为它会覆盖“默认”设置的白色。

一个作者可以有很多书. Table Book上有Author_Id.

我想要一个返回IQueryable< Book>的LINQ查询(所以我可以用Book.Author.Name和东西导航),但每个作者只有1本书.

如何使用LINQ做到这一点？

很确定这是它：

var books = from a in authors
            from b in a.Books.Take(1)
            select b);

编辑：这样做的方法不那么简单：

var books = authors.Select(author => author.Books.First())
                   .Select(book => book);

我试图制作一个LESS mixin,这将给我这个输出：

.resource:nth-child(8n+1) { clear: left; }

我到现在为止

.wrap-every(@n) {
    &:nth-child(@n + "n+1") {  // parse error on this line
        clear: left;
    }
}

.resource {
    .wrap-every(8);
}

但是它在指示的行上发出解析错误

ParseError: Unrecognised input

有没有办法做到这一点？

较少≥= 1.4

你可以这样做：

.wrap-every(@n) {
  &:nth-child(@{n}n + 1) {
        clear: left;
    }
}

这应该有所需的输出.没有任何黑客需要.

在较少的较少的经验

你可以尝试简单的字符串插值：

.wrap-every(@n) {
    @t: ~":nth-child(@{n}n + 1)";
    &@{t} {
        clear: left;
    }
}

而这两种情况下的输出CSS应该是这样的：

.resource:nth-child(8n + 1) {
  clear: left;
}

根据 this page,第n9个孩子应该在IE9上工作,之前我已经尝试过,但是工作正常,但是在 this page年,它似乎没有起作用.在Chrome中查看页面以查看预期的行为,在IE中,您将看到它不起作用.你可以用一个web检查器看到这个,但是为了你的参考,CSS的相关行是;

.ad_widget:nth-child(3n+2) { background: #efefef; }
.ad_mrow {background: #efefef;}`

我很失落有任何想法吗？

由于某些原因我无法理解,IE9默认使用兼容模式查看Intranet站点,或将HTML页面作为文件存储在PC上.兼容模式意味着“渲染东西就像一个愚蠢的旧浏览器”.这意味着,当您设计网站的东西,并尝试从您最喜欢的IDE在IE9预览时,没有一个CSS3的东西.你必须点击工具 – >’ IE9菜单中的兼容性视图设置“,然后取消选中”兼容性视图中显示interanet网站“的令人厌烦的复选框.从那时起,可怜的浏览器就像任何像Safari这样健壮的浏览器.他们为什么这么做？天堂只知道,但是由于我一直指责我的代码,所以我花了很多时间才发现这个简单的修复.

我想只选择“下拉菜单”中的第一个链接(带有“ONE”文本的链接),但是：first-child选择所有链接.

链接：

http://jsfiddle.net/773Xd/1/

很抱歉HTML部分的混乱,但我正在定制wordpress主题,它产生了很多类和ID.

最重要的是CSS文件的末尾.

将CSS选择器更改为此…

#page-navigation ul li .sub-menu li:first-child a

(即把假类：第一个孩子放在li上,而不是a).

See it on jsfiddle.net

旧选择器不起作用,因为a始终是li元素的第一个子元素.

但是在新选择器中,li是ul元素的第一个子元素.