Html 我只将float应用于容器中的一个元素,而CSS应用于所有元素?

Html 我只将float应用于容器中的一个元素,而CSS应用于所有元素?,html,css,Html,Css,。溢出测试{ 背景颜色:粉红色; } .浮子试验{ 浮动:左; 背景色:红色; } 消息 关于 您的“关于”按钮不会像“新闻”按钮一样向左浮动。相反,按钮元素似乎有一个默认的CSSdisplay值inline block。任何内联或内联块元素在其包含元素中的行为与文本一样。因此,您的“关于”按钮位于左侧浮动新闻按钮的右侧。就像文本一样 。溢出测试{ 背景颜色:粉红色; } .浮子试验{ 浮动:左; 背景色:红色; } 消息 呜呜呜呜。。。 关于 更多的废话废话。。。 实际上更具体地说,浮动

。溢出测试{
背景颜色:粉红色;
}
.浮子试验{
浮动:左;
背景色:红色;
}

消息
关于

您的“关于”按钮不会像“新闻”按钮一样向左浮动。相反,按钮元素似乎有一个默认的CSS
display
inline block
。任何
内联
内联块
元素在其包含元素中的行为与文本一样。因此,您的“关于”按钮位于左侧浮动新闻按钮的右侧。就像文本一样

。溢出测试{
背景颜色:粉红色;
}
.浮子试验{
浮动:左;
背景色:红色;
}

消息
呜呜呜呜。。。
关于
更多的废话废话。。。

实际上更具体地说,浮动规则适用于两者。颜色规则不适用。浮动仅适用于一个按钮,是什么让您认为它同时适用于两个按钮?一个
id
在页面中必须是唯一的,因此使用
id
您将只针对一个元素。类不是唯一的,可以用于页面中的许多元素。因此,如果您在css中使用一个类,您将以该类的所有元素为目标。更具体地说,您可以使用类似于
.overflow test.float test:first child{…}
的东西,但是如上所述,对于css,它将只在第一个burron上工作。