asp.net mvc - Edit CSS to apply for certain elements -


i know it's dumb question couldn't find solution myself. have 2 lists in html page. first 1 :

<ul id="menu">   <li><a href='@url.action("mainpage","shirts")'>main page</a></li>   <li><a href='@url.action("onsale","shirts")'>on sale</a></li>   <li><a href='@url.action("recent","shirts")'>recent</a></li> </ul> 

the second 1 pagedlistpager generates html list :

@html.pagedlistpager(model, page => url.action("mainpage",     new { page, sortorder = viewbag.currentsort, currentfilter = viewbag.currentfilter })) 

this css html :

ul {     list-style-type:none;     margin:0;  }  li {     display:inline-block;     float: left;     margin-right: 1px; }  li {     display:block;     min-width:140px; }  li:hover {     background: #19c589; }  li:hover ul {     background: #f3f3f3;     color: #2f3036; }  li:hover ul a:hover {     background: #19c589;     color: #fff; }   li ul li {     display: block;     float: none; }  li ul li {     width: auto;     min-width: 100px; } 

my problem that, want css work first list, not second one. know need add class first list's elements , edit css class. couldn't it. don't know li ul li a in css. can tell me how edit css , first list in case? thanks.

try:

#menu > li {     display:inline-block;     float: left;     margin-right: 1px; }  #menu > li {     display:block;     min-width:140px; } 

Comments

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

sql - MySQL query optimization using coalesce -

unity3d - Unity local avoidance in user created world -