Javascript 文本左！重要提示：不要在按钮内部工作

我确实有一些使用引导的输入按钮，问题是即使在我添加的.text左类上！重要的是，它对按钮不起作用

所以我想知道是否有人知道我们如何解决这个问题

。文本左侧{
文本对齐：左！重要；
}
.btn{
盒影：无；
边界半径：0；
}
.w100{
宽度：100%；
}
.btn默认值{
颜色：#333；
背景色：#fff；
边框颜色：#ccc；
}
.btn{
显示：内联块；
填充：6px 12px；
页边距底部：0；
字体大小：14px；
字体大小：400；
线高：1.42857143；
文本对齐：居中；
空白：nowrap；
垂直对齐：中间对齐；
-ms触摸动作：操作；
触摸动作：操作；
光标：指针；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
背景图像：无；
边框：1px实心透明；
边界半径：4px；
}
* {
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
a{
颜色：#72c02c；
文字装饰：无；
}
a{
颜色：#337ab7；
文字装饰：无；
}

不需要
！重要信息
->只需使用
.text left btn{
作为选择器即可


。文本左侧btn{
文本对齐：左对齐；
}
.btn{
盒影：无；
边界半径：0；
}
.w100{
宽度：100%；
}
.btn默认值{
颜色：#333；
背景色：#fff；
边框颜色：#ccc；
}
.btn{
显示：内联块；
填充：6px 12px；
页边距底部：0；
字体大小：14px；
字体大小：400；
线高：1.42857143；
文本对齐：居中；
空白：nowrap；
垂直对齐：中间对齐；
-ms触摸动作：操作；
触摸动作：操作；
光标：指针；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
背景图像：无；
边框：1px实心透明；
边界半径：4px；
}
* {
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
a{
颜色：#72c02c；
文字装饰：无；
}
a{
颜色：#337ab7；
文字装饰：无；
}

要将按钮文本向左对齐还是将按钮本身对齐？类中的文本具有
text align:center；
在级联中获胜，但为什么它不与类一起工作！重要吗？因为您将
div.text-left
的文本居中，而不是按钮。这就是您需要更改的原因在我下面的anwser中选择您的选择器：
.text left btn{text align:left；}
谢谢您，先生，我已经搜索了很长时间，我不知道它是如此明显