css - 了解 CSS 中的级联

标签 css

你好,

我是 CSS 的新手,正在尝试理解它。在下面的代码中,如何解释/阅读样式以理解它。样式 def 是否适用于使用类“p220mid”的 div 下的 list 和 ul 元素,或者它是如何工作的。你们能给个 sample 吗?

.p220mid ul li
{
    background:transparent URL('images/bline.gif') repeat-x bottom;
    width:205px;
    height:28px;
    margin-left:4px;
    padding-left:4px;
    color:4c76a0;
}

谢谢, 应用。

最佳答案

你所拥有的将以 ul 中的所有 li 元素为目标,其中包含类为 p220mid 的所有元素。

如果你想定位你的 div 中的所有 ul 和所有 li 元素,你需要 .p220mid ul, .p220mid ul li

关于css - 了解 CSS 中的级联,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6465088/

相关文章:

css - 在 struts2 中突出显示带有红色边框的 TextField 错误

html - 下拉菜单上没有边框

css - 在 MVC3 中设置 webgerid 列宽

html - 使用 Bulma CSS 将卡片居中

javascript - 根据一天中的小时数显示元素

javascript - 如何减少 Vanilla Javascript 动画的延迟?

html - CSS 粘性 header

javascript - 为页面添加不透明度

CSS - 添加后 "|"后的空间

javascript - 在 div 中获取字体和标题标签