ASP 自动将 CSS 插入网站答案

【问题标题】：ASP automatically inserts CSS into websiteASP 自动将 CSS 插入网站
【发布时间】：2018-04-17 05:58:13
【问题描述】：

我在我的网站上使用 ASP 菜单控件作为标题，并且当前没有为菜单定义 CSS，但由于某种原因，当页面加载时 ASP 会自动将一些 CSS 插入到我的页面中，并弄乱了我的填充菜单。

我已经在整个 VS 解决方案中搜索了一种方法来更改这些插入的 css 值，但找不到它们。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="../Content/css/style.css" rel="stylesheet" type="text/css" /><link href="../Content/css/coin-slider.css" rel="stylesheet" type="text/css" />
    <script src="../Content/javascript/cufon-yui.js" type="text/javascript"></script>
    <script src="../Content/javascript/cufon-times.js" type="text/javascript"></script>
    <script src="../Content/javascript/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="../Content/javascript/script.js" type="text/javascript"></script>
    <script src="../Content/javascript/coin-slider.min.js" type="text/javascript"></script>

上面的代码应该是有的，但是下面的代码插入到了index.aspx

<style type="text/css">
/* <![CDATA[ */
#ctl05 { background-color:Black; }
#ctl05 img.icon { border-style:none;vertical-align:middle; }
#ctl05 img.separator { border-style:none;display:block; }
#ctl05 img.horizontal-separator { border-style:none;vertical-align:middle; }
#ctl05 ul { list-style:none;margin:0;padding:0;width:auto; }
#ctl05 ul.dynamic { z-index:1; }
#ctl05 a { text-decoration:none;white-space:nowrap;display:block; }
#ctl05 a.static { padding:18px 45px 18px 45px;text-decoration:none; }
#ctl05 a.popout { background-image:url("/WebResource.axd?d=YAYach_zykzn7tRotFpEUmO1fL8jOiyhzrMCvs8YZwkH3GP7lZCuWXNQruOKzP9a49jEMgtKQl2DkwKanmJIMc3YOWHLj04418ItgeJTIvI1&t=636042698594211026");background-repeat:no-repeat;background-position:right center;padding-right:14px; }
#ctl05 a.dynamic { background-color:Gray;text-decoration:none; }
#ctl05 a.dynamic.highlighted { background-color:Black; }
/* ]]> */
</style>
</head>

我不介意以某种方式将 a.popout 上的 padding-right 值更改为 0 的肮脏修复。

【问题讨论】：

标签： html css asp.net webforms

【解决方案1】：

使用您自己的 CSS 文件/样式块，您可以覆盖您需要在它们之后使用 !important 的任何属性吗？

<style>
  #ctl05 ul.dynamic { z-index:99 !important; }
</style>

查看级联顺序部分，了解有关 !important 如何影响规则特异性的一些信息： https://developer.mozilla.org/en-US/docs/Web/CSS/Cascade

您还可以使用 Google CSS !important。 :)

【讨论】：

但是啊？例如 ul.dynamic
谢谢戴夫。我明白了。