如何仅对span元素内的datepicker进行样式设置？

我碰到了一个问题：当选中文本框时，它会继承红色字体的样式，但我希望仅对mydate span内的datepicker单独设置样式，目前使用的CSS是这样的：

div.ui-datepicker, .ui-datepicker td{ font-size: 10px; color: red; }

解决办法 #

你当前的CSS是全局生效的，会影响页面上所有的datepicker元素。要实现只针对mydate span内的datepicker设置样式，只需要给选择器加上span的类限定即可：

/* 仅作用于mydate span内部的datepicker */
.mydate div.ui-datepicker, 
.mydate .ui-datepicker td {
  font-size: 10px;
  color: red;
}

这样修改后，只有带有class="mydate"的span元素里面的datepicker才会应用这个样式，其他区域的datepicker不会受到影响，也就避免了不必要的样式继承问题~

内容的提问来源于stack exchange，提问作者user3525290