Question

我知道大多数表的第一行都作为表头，因此用户可以使用不同的字体，例如以粗体显示数据。对于我的表，我实际上不需要表头。我有两列八行。我需要第一列为粗体，第二列为粗体。

我为td：first-child添加了一个css部分，但显然我遗漏了其他内容。该表可以很好地显示出来，但第一列并不是我想要的粗体。

我想念什么？

    # create email
    $subject = "$Priority - $Ticket - $Specifics"
    $body = @"
    <html>
    <head>
    <style>
    table {
        font-family: calibri;
        border-collapse: collapse;
        width: 500;
    }
    td {
        border: 1px solid #000000;
        padding: 5px;
        background-color: #ffffff;
    }
    td:first-child {
        font-weight: bold
    }
    </style>
    </head>
    <body style="font-family:calibri">
    <table>
        <tr>
            <td>Ticket Number</td>
            <td>$Ticket</td>
        </tr>
        <tr>
            <td>Priority Level</td>
            <td>$Priority</td>
        </tr>
        <tr>
            <td>Affected Application</td>
            <td>$AppDown</td>
        </tr>
        <tr>
            <td>Issue Specifics</td>
            <td>$Specifics</td>
        </tr>
        <tr>
            <td>Affected Location</td>
            <td>$Location</td>
        </tr>
        <tr>
            <td>Issue Start Time (EST)</td>
            <td>$StartTime</td>
        </tr>
        <tr>
            <td>Number of Affected Users</td>
            <td>$NumUsers</td>
        </tr>
        <tr>
            <td>Critical Event Manager Contacted</td>
            <td>$CEMContact</td>
        </tr>
    </table>
    </body>
    </html>
    "@

这是表格的当前外观：

Answer 1

您的代码很好，实际上，它可以在每种浏览器上完美运行。

问题可能是您没有在创建网页，而是在创建邮件，因此无法使用高级CSS。诸如“：first-child”之类的内容永远不会在邮件中起作用。

您可以使用一种工具将CSS转换为电子邮件兼容代码，如下所示：CSS inliner tool

在CSS

1 个答案: