css 无序列表横排列,CSS：无序列表样式

CSS按优先级和标识符工作。要定位页面上的所有H2元素，您将声明

h2 {

color: #00FF00;

}

但是，您也可以获得更具体的内容，并且仅在DIV中定位H2元素，例如：

div h2 {

color: #00FF00;

}

除了仅定位元素外，您还可以使用ID或CLASS名称来帮助定位。使用＃符号来定位ID和。目标CLASSES

HTML

Heading

• Item 1
• Item 2

CSS

#ingredients {

margin: 0em;

margin-left: 1em;

}

#ingredients h2 {

color: #00FF00;

margin-bottom: 0em;

}

#ingredients ul {

margin-bottom: 2em;

}

#ingredients ul li {

list-style: none;

margin: 0em .5em;

color: #00FFFF;

}

#ingredients ul li .selected {

color: #FFFF00;

}

最后，CSS在声明顺序中也很重要，请考虑以下内容

h1 {

font-size: 2em;

font-color: #000000;

}

h1 {

font-color: #FF0000;

}

在这种情况下，H1颜色将为红色，因为第二个H1声明会覆盖前一个声明。请注意记住。

}