添加runat = server导致无法应用CSS

Question

我在runat="server"文件的div中添加了.ascx。

<div id="logo" runat="server">

这会将最终HTML更改为以下内容。注意如何插入mainheader1

<div id="mainheader1_logo">

我阅读了这个问题https://stackoverflow.com/a/897790/886569，并将其更改为html

<div id="logo" class="logo" runat="server">

这将使最终的HTML成为

<div id="mainheader1_logo" class="logo">

在我的CSS中，徽标类的定义如下：

#logo
{
    position:absolute;
    left:0px;
    top:78px;
    width:396px;
    height:50px;
}

我如何以安全的方式解决此问题？我不想在CSS文件中添加组件名称，因为这似乎很脏。也不想将#更改为.，因为这可能会破坏很多其他内容。

Answer 1

如下更新您的CSS。 CSS选择器[id$="logo"]将选择其id ends with "logo"的每个元素。

[id$="logo"]
{
    position:absolute;
    left:0px;
    top:78px;
    width:396px;
    height:50px;
}