如何使按钮与其父元素相同的主题？

Question

我正在研究jQuery移动项目。

在ui-footer和ui-header中我有一些按钮，我希望这些按钮与ui-footer和ui-header主题的主题相同。

这是ui-footer和ui-header css风格：

.ui-page .ui-footer,
.ui-page .ui-header {
    border: 1px solid #333 !important;
    background: #111 !important;
    color: #fff !important;
    font-weight: bold !important;
    text-shadow: 0 -1px 1px #000 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c ), to( #111 )) !important;
    background-image: -webkit-linear-gradient( #3c3c3c, #111 ) !important;
    background-image: -moz-linear-gradient( #3c3c3c, #111 ) !important;
    background-image: -ms-linear-gradient( #3c3c3c, #111 ) !important;
    background-image: -o-linear-gradient( #3c3c3c, #111 ) !important;
    background-image: linear-gradient( #3c3c3c, #111 ) !important;
}

以下是视图中的内容：

我需要将主页按钮和ui-footer和ui-header内的所有其他按钮设为与ui-footer和ui-header相同的主题。

我知道我可以使用数据主题属性，但如果我使用此属性，我必须将它放在ui-footer或ui-header中的每个按钮中。

有没有办法在css文件中定义样式，使所有按钮都像ui-footer和ui-header一样构成相同的主题（就像它们的父元素一样）。