Teilansicht verwendet falsches CSS-Stylesheet, auch ohne Link

Zuerst erstellte ich eine Teilansicht namens "showCatButton.cshtml" und verknüpfte sie mit CategoryList2.css Stylesheet.Teilansicht verwendet falsches CSS-Stylesheet, auch ohne Link

body { 
 

 
} 
 

 
#mainMenu{ 
 
    left:0px; 
 
    position:fixed; 
 
    top:50%; 
 
    transform: translateY(-50%); 
 
    list-style-type:none; 
 
} 
 
.subMenu { 
 
    list-style-type:none; 
 
} 
 
li 
 
{ 
 
    width:300px; 
 
    height:50px; 
 
    border-radius:5px; 
 
    background:linear-gradient(to bottom, #45484d 0%,#000000 100%); 
 
    color:white; 
 
    border:1px solid black; 
 
    text-align:center; 
 
} 
 
li:hover 
 
{ 
 
    color:black; 
 
    background:linear-gradient(to bottom, #e6e6e6 30%,#e6e6e6 40%,#e6e6e6 50% 
 
    , #f2f2f2 60%, #f2f2f2 70%, #f2f2f2 80%, #f2f2f2 90%, #f2f2f2 100%); 
 
} 
 
#mainMenu li ul { 
 
    display:none; 
 
} 
 
#mainMenu li:hover ul { 
 
    display:block; 
 
    position:absolute; 
 
    top:0px; 
 
    left:300px; 
 
}

<html> 
 
<head> 
 
    <meta name="viewport" content="width=device-width" /> 
 
    <link type="text/css" rel="stylesheet" href="~/Content/CategoryList2.css"/> 
 
</head> 
 

 
<body> 
 
     <ul id="mainMenu"> 
 
     some-unimportant code. 
 
     </ul> 
 
</body> 
 
</html>

Next erstellt i folgenden Code Teil view.With-Header.

<html> 
 
<head> 
 
    <meta name="viewport" content="width=device-width" /> 
 
</head> 
 

 
<body> 
 
    <script src='@Url.Content("~/Scripts/jquery-3.1.0.min.js")' type="text/javascript"></script> 
 
    <script src='@Url.Content("~/Scripts/jquery-ui-1.11.4.min.js")' type="text/javascript"></script> 
 
    <div id="Header"> 
 
     <ul> 
 
      <li> 
 
       Main 
 
      </li> 
 
      <li> 
 
       Delivery methods 
 
      </li> 
 
      <li> 
 
       About shop 
 
      </li> 
 
      <li> 
 
       Contacts 
 
      </li> 
 
     </ul> 
 
    </div> 
 

 

 
</body> 
 
</html>

Auch ohne Verbindung nutzt CategoryList2.css stylesheet.In trotz ich keine Verbindung hinzugefügt haben. Ich füge Teilansichten hinzu, um zu verlinken, indem ich coole folge.

@using OnlineShop.Models; 
 
@using System.Data.Entity; 
 

 

 
    @{ 
 
     Layout = null; 
 
    } 
 
<html> 
 
<head> 
 
    
 
    <meta name="viewport" content="width=device-width" /> 
 
    <title>Main page</title> 
 
    <link type="text/css" rel="stylesheet" href="~/Content/MainPage.css" /> 
 
</head> 
 
<body> 
 

 
    <div> 
 
     @Html.Partial("~/Views/PartialViews/Header.cshtml") 
 
    </div> 
 
    <div id="CategoryList"> 
 
      @Html.Partial("~/Views/PartialViews/showCatButton.cshtml") 
 
    </div><br/> 
 
</body> 
 
</html>

Was ist ein Problem?

Quelle

2016-07-19 Faradey Inimicos

Das sind keine Teilansichten, sie sind vollständige HTML-Seiten. Stellen Sie sich eine Teilansicht als ein bisschen HTML vor, das in der übergeordneten Ansicht enthalten ist. Habe keine HTML-Body- oder Head-Tags. Sie erben diese bereits vom Elternteil.

Ich würde die Stile und Skripte an einem Ort behalten, das ist die übergeordnete Seite. Angenommen, Sie haben in Ihren Teilansichten alles zur Verfügung.

Quelle

2016-07-19 20:00:09

Ich entfernte Tags, und erhalten Sie die gleichen Probleme.Über Views, wenn ich Link-Tag nicht verwenden, sollte Teilansicht verwenden Sie alle Stylesheet standardmäßig? –

werfen Sie einen Blick auf die HTML, sobald Ihre Seite geladen wird, sollten Sie leicht sehen, welche Stylesheets geladen sind –

Teilansicht verwendet falsches CSS-Stylesheet, auch ohne Link

Antwort

Verwandte Themen