Html 如何编写更具体的css

我有以下HTML（primefaces为日历组件生成的HTML的一部分）

但我需要使用我在“td”中定义的类名“rbn checkout date”，使其更加具体

但是当我向css添加以下内容时，它不适用。该css甚至没有显示在firebug样式窗格中

.ui-widget-content.ui-state-disabled.rbn-checkout-date{
不透明度：1；
过滤器：alpha（不透明度=100）；/*适用于IE8及更早版本*/
}

元素的css路径如下所示

html body form#form table.rb-month-select-wrap tbody tr td div#form:calwrap span#form:cal.ui-calendar div#form:cal#inline.hasDatepicker div.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-widget-content.ui-helper-content.ui-clearfix.ui-corner-all.ui-datepicker-multi-2.ui-datepicker-multi-div-datepicker-group-firsttable.ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable.ui-state-disabled.rbn-checkout-date

在“ui小部件内容”和“ui状态禁用”类之间需要一个空格。否则，它将在“.ui小部件内容”元素上查找类，而不是在其中：

.ui-widget-content .ui-state-disabled.rbn-checkout-date {
   opacity: 1;
   filter: alpha(opacity = 100); /* For IE8 and earlier */
}

.ui-widget-content .ui-state-disabled.rbn-checkout-date {
   opacity: 1;
   filter: alpha(opacity = 100); /* For IE8 and earlier */
}

---

“ui小部件内容”和“ui状态禁用”类之间需要一个空格。否则，它将在“.ui小部件内容”元素上查找类，而不是在其中：

.ui-widget-content .ui-state-disabled.rbn-checkout-date {
   opacity: 1;
   filter: alpha(opacity = 100); /* For IE8 and earlier */
}

.ui-widget-content .ui-state-disabled.rbn-checkout-date {
   opacity: 1;
   filter: alpha(opacity = 100); /* For IE8 and earlier */
}

---

我能看到的唯一问题是选择器之间缺少空格。试试这个：

---

我能看到的唯一问题是选择器之间缺少空格。试试这个：