为什么这课ul li前面这个container删掉代码就失效了

<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>不定宽块状元素水平居中</title><style>.container{text-align:center;}.container ul{list-style:none;margin:0;padding:0;display:inline;}.container li{margin-right:8px;display:inline;}</style></head><body><div class="container"> <ul> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul></div></body></html>求解

查看完整描述

2 回答

习惯受伤

TA贡献885条经验获得超1144个赞

你定义样式的时候是这样：.container ul的，意思就是给具有.container这个类的元素下的ul定义样式。那么你把HTML中的container去掉的话，那么这个元素下边的ul和li当然就没有对应的样式了呀。

1 反对回复 2017-03-02

sherlockone
就是div 用了CSS这个代码它的子元素孙元素也必须要带上主元素的全称才行？这么意思吗这其中有什么规则吗？

回复 2017-03-02
习惯受伤
有规则，.container ul 这么定义的时候就表示适用于.container类下的ul。但是直接定义ul{}的时候，表示所有ul都使用这个样式。再如：.container .banner .ul .li a{border:1px dashed red;}，前边【.container .banner .ul .li 】都是条件限定，有层级关系。适用样式的元素是【.container .banner .ul .li】下边的a元素。明白了没？

回复 2017-03-02