如何使用CSS

-1

<style type="text/css"> 
.list .name{ 
    font-weight:bold; 
    color:red; 
} 
.items .name{ 
    clear:both; 
} 
</style> 

<div class="list"> 
    <div class="name">Products</div> 
    <div class="items"> 
     <div class="name">Product Name</div> 
    </div> 
</div>

在上面的代码中，类 “.LIST。名称” 打破颜色。 “名称”为粗体，颜色为红色。而“.items .name”没有粗体和颜色。如何使用CSS

我需要的是，我不需要溢出“.list .name”颜色，并且粗体地添加到类“.items .name”。我想打破“.items”开头的第一堂课

我需要在div中使用“name”。

来源

2011-08-08 user475464

你的意思是你想的'.items .name'大胆和红？不会用CSS中的'.name'来代替'.list .name'呢？你也可能在寻找''''分隔符 - '.foo .bar'匹配任何后代元素，带有类'bar'，祖先的类为'foo'。但是，'.foo> .bar'只能匹配具有'foo'类的父类'bar'的子元素。您可能正在寻找第一个CSS选择器中的'.list> .name'。 –

你真的想用'clear：both'来移除'font-weight：bold'和'color：red'吗？ – thirtydot

clear: both与删除早期样式无关。只需使用你改变所有的属性继承值：

.list .name { 
    font-weight: bold; 
    color: red; 
} 
.list .items .name{ 
    font-weight: inherit; 
    color: inherit; 
}

来源

2011-08-08 15:15:41 Eric

我认为OP_doesn't_不想将颜色/粗体应用于'.items .name'我认为是@Federico提到的，OP可能正在寻找'>'分隔符 – PhD

难道这不会让第二个“名称“div从”项目“继承，这是不是设置？ – Gary

@Nupul：我的代码_不会将颜色/粗体应用于'.items .name' – Eric

.list > .name { 

font-weight:bold; 
    color:red; 

}

应该做的伎俩

来源

2011-08-08 15:15:57 PhD

如何使用CSS

回答

相关问题