我想加粗 HTML表格的第一行和第一列(第0行和第0列).如何使用HTML或CSS完成？

桌子：

<table border="1">
    <tbody>
        <tr>
            <td></td>
            <td>translate.com AND https://translate.google.com/</td>
            <td>http://www.bing.com/translator/</td>
        </tr>
        <tr>
            <td>I eat tacos</td>
            <td>Yo como tacos</td>
            <td>Comer tacos</td>
        </tr>
    . . .
    </tbody>
</table>

……和CSS：

body {
    font-family: "Segoe UI","Calibri","Candara","Bookman Old Style","Consolas",sans-serif;
    font-size: 1.2em;
    color: navy;
}

……非常基本.

表格如下：http://jsfiddle.net/clayshannon/LU7qm/7/

要使用CSS加粗第一行和第一列,使用当前的HTML标记,请使用 :first-child伪类,它匹配作为其父项的第一个子元素(第一个子元素)的任何元素：

tr:first-child,td:first-child { font-weight: bold }

但是,如果这些单元格是标题单元格(对于同一列或同一行中的其他单元格),则对它们使用th元素并将第一行包装在thead元素中可能更合乎逻辑：

<table border="1">
    <thead>
        <tr>
            <th></th>
            <th>translate.com AND https://translate.google.com/</th>
            <th>http://www.bing.com/translator/</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>I eat tacos</th>
            <td>Yo como tacos</td>
            <td>Comer tacos</td>
        </tr>
    <!-- other rows here -->
    </tbody>
</table>

默认情况下,这些元素以粗体显示(尽管您仍然可以使用CSS来明确说明).它们也将默认居中;如果您不想这样,您可以轻松地使用CSS覆盖它,例如th {text-align：left}.

在这种情况下,第一行看起来非常像标题行,所以我会把它变成一个thead.这可能是有用的,例如因为如果页面被打印并且表格被分成两页或更多页面,那么许多浏览器会在新页面的开头重复该行.至于每行的第一个单元格,如果需要,它们可能最好保持为td并且只是粗体样式.

我需要使用带有C#的htmlagilitypack来检索包含在其他2个html元素中的html元素.

举个例子,我有以下几点：

<div id="div1"https://www.jb51.cc/tag/Finitio/" target="_blank">Finition here">
  <strong>
    <font face="Verdana" size="2">Your search request retrieved 0 matches.</font>
  </strong>
  <font face="Verdana" size="2">Some more text here.</font>
  <br><br>
  <!--more html here-->
</div>

我想把它们之间的一切都归还

<div id="div1">

和第一个

<br>

没有返回这些元素.

我无法理解为此所需的语法,所以如果有人能够向我解释在忽略结束标记的同时获得其他两个已知开始标记之间存在的html的最佳方法,我会非常感激.

我还要提一下,我需要首先在完整网页的周围html中找到div为id的div.

我不需要实际节点与来自特定HtmlDocument的节点具有引用相等性,它们只需要在内容方面相同.

返回HtmlNode实例时,对同一节点的多次调用将生成相同的引用.你可以利用这个优势(尽管它是一个实现细节,所以要小心).

基本上,您将获得所有元素的后代,直到相关节点为止.您选择要从以下位置开始的节点：

HtmlNode divNode = doc.DocumentNode.SelectSingleNode("div[@id='div1']");

要升级的节点：

// Note that in this case,working off the first node is not necessary,just
// convenient for this example.
HtmlNode brNode = divNode.SelectSingleNode("br");

然后使用Enumerable class上的TakeWhile extension method将所有元素提取到第二个元素,如下所示：

// The nodes.
IEnumerable<HtmlNode> nodes = divNode.Descendants().
    TakeWhile(n => n != brNode).
    Where(n => n.NodeType == HtmlNodeType.Element);

这是TakeWhile方法(n => n！= brNode)中的比较,它取决于参考比较(这是实现细节部分).

最后一个过滤器只为您提供元素节点,因为这是您调用SelectSingleNode时通常会得到的;如果要处理其他节点类型,可以省略它.

循环遍历这些节点,如下所示：

foreach (HtmlNode node in nodes)
{
    // Print.
    Console.WriteLine("Node: {0}",node.Name);
}

生产：

Node: strong
Node: font
Node: font

我不知道CSS是否可行,但是我希望一般角色不适用于我的case id =特殊的特定元素.
在我的例子中,所有的DIV都应该是红色的,但是我只想id = special来应用这种颜色.
我知道我可以随时使用id =特殊来覆盖这个元素,但是我有兴趣知道是否有可能从一般角色排除某些东西.

CSS 2和CSS 3中的任何想法？

例：

<div>this is red</div>
<div>this is red</div>
<div id="special">this one must be blus</div>
div>this is red</div>

// My General Role
div
{
  background-color:Red;
}

CSS2解决方案

div {
    color: red;
}

div#special {
    color: inherit;
}

演示：http://jsfiddle.net/zRxWW/1/