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
Post a Comment