Navigate horizontally with UL and Li
1, generated file (Note: it must be set to the encoding format of the file, otherwise there may be chaos code)
[code]
/ * ul style */
div.menu / > > = / * remove the front symbol / > > / * the distance from the outside element is 0 / > >; / * the distance from the internal element is 0 / > width: Auto; / * width adjusts the Li style */
div.menu UL in div />}
/ * all class for menu based on element content. */
div.menu UL Li a, div.menu UL Li a:visited
{
background-color: #465c71; / * background color / > = / * text color / > = / * will be displayed as block level element, this element before this element. Then with a newline character */
line-height: 1.35em; / * line high */
padding: 4PX 20px; / * internal packed distance */
text-decoration: none; / * does not display a hyperlink underline */
white-space: Confucianism; / * for the blank in the text, the text will continue on the same line. Continue until.Lt; br.gt; tag. */
}
* a style in UL in div of menu (the mouse moves to the style in the element) */
div.menu UL Li a:hover
> / * background color / > = / * text color / > > / * does not display hyperlink underline * / / / / / * / / * Br />}
* a style in UL in div for menu, */
div.menu UL Li a:active
> / * background color / > * / * text color / > > / * does not display hyperlink underline / > > > > > }[/code]
2,
[code]
.Lt; div class=.quot; menu.quot;.Gt;.Gt; Cript.#058; void (0);.Quot;.Gt; working log.Lt; /a.gt;.Lt; /li.gt;
.Lt; li.gt;.Lt; dialectical; dialectical; 0; dialectical; .lt; /ul.gt;
.Lt; /div.gt; [/code]