gpt4 book ai didi

css - float 用作内联样式,但当我将其移至外部样式表时则不起作用

转载 作者:搜寻专家 更新时间:2023-10-31 19:27:22 25 4
gpt4 key购买 nike

所以我正在使用 asp.net,我似乎陷入了 CSS 问题。当我将 div 右内联 float 时,它会按预期工作。但是,当我将此样式移至外部样式表时,它根本不起作用。
我意识到内联样式具有更高的优先级并且可能会受到阻碍,但我似乎无法弄清楚是什么。

这是我的页面

        <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>

***********************the div below that has style="float:right"****************
<div class="Header"><div style="float:right"><asp:Label ID="lblMasterMessage" runat="server" /></div>Stephen Granets Site!</div>
********************************************************************************

<div class="ColumnLeft" >
//stuff
</div>
<div class="SiteMap">
<asp:SiteMapPath ID="SiteMapPath1" runat="server">
<CurrentNodeStyle Font-Bold="True" />
<NodeStyle CssClass="ContentLink" Font-Bold="True" />
<RootNodeStyle CssClass="ContentLink" Font-Bold="True" />
</asp:SiteMapPath>
</div>
<div class="ColumnCenter">
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>
</div>
</div>
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
</form>
</body>
</html>

这是样式表

    body {
}
.Header
{
background-color: #6699FF;
font-family: Verdana;
font-size: xx-large;
font-weight: bold;
color: #FFFFFF;
padding: 40px 0px 0px 10px;
width: 100%;
}
.ColumnLeft
{
padding: 7px;
background-color: #6699FF;
float: left;
}

a
{
color: #000000;
text-decoration: none;
}
a:visited
{
color: #000000;
text-decoration: none;
}
a:link
{
color: #000000;
text-decoration: none;
}
a:hover
{
color: #FFFFFF;
text-decoration: underline;
}
.underline
{
text-decoration: underline;
}
.ColumnCenter
{
margin: 7px 7px 7px 175px;
}
a:hover.ContentLink
{
color: #000000;
text-decoration: underline;
}
.SiteMap
{
font-size: large;
background-color: #DFEAFF;
}

当我在外部样式表中使用它时,就是这段代码

 <div class="test">asp label</div>

我的 CSS 表添加了这个

.test
{
float:right;
}

问题:那么,为什么当我将它置于内嵌样式时样式似乎有效,但当我将那段代码移至外部样式表时却不起作用?

最佳答案

内联样式是最后应用的。使用 Firebug或开发人员工具,以查看在将其设置为外部时是否有另一种“更接近”的样式覆盖了您的样式(您的样式将被划掉)。

甚至要取代内联样式,请使用 !important override :

.test {
float: right !important;
}

关于css - float 用作内联样式,但当我将其移至外部样式表时则不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9843862/

25 4 0
文章推荐: c# - 有没有办法告诉 WebBrowser 组件 C# 不要更改原始 HTML?
文章推荐: html - 如何用一个占用额外空间的元素创建一个
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com