不能明白为什么我的CSS无法正常工作

Question

因此，我开始学习网络知识。 我正在学习Javascript，HTML和CSS。 我做了一个小网页。 我的大多数CSS都工作正常，但我看不出为什么最后一个对我不起作用。

我的person-row类的HTML是

<div class="person-row">
    <img src="images/avatar1.png">
    <div class="person-info">
        <div>Catalina</div>
        <div>sports, pets, party</div>
        <button>Add as a friend</button>
    </div>
</div>

然后在我的CSS中，我试图使该按钮显示在行的右侧，所以我有

person-row > button{
   float: right;
}

但是按钮不在右边。 谁能告诉我我可能要去哪里错了？

Answer 1

特定于同胞后代的引用非常特定，但是如果引用了注释中提到的正确的父代，则该引用有效。

此外，也没有。 有人提到过，在类标识符前面。

这是更正后的小提琴：

http://jsfiddle.net/ty6cyxvo/

其中包含：

<div class="person-row">
    <img src="images/avatar1.png" />
    <div class="person-info">
        <div>Catalina</div>
        <div>sports, pets, party</div>
        <button>Add as a friend</button>
    </div>
</div>

和

.person-info > button{
   float: right;
}