我应该避免在样式表中定义的CSS类上使用jQuery选择器吗？

<style>
  .my-class {
    /* 样式定义 */
  }
  #my-id {
    /* 样式定义 */
  }
  /* 在此处使用 jQuery 选择器 */
  .my-class:hover,
  #my-id:hover {
    /* 样式定义 */
  }
</style>

<style>
  /* 在此处使用 jQuery 选择器 */
  .my-class:hover,
  #my-id:hover {
    /* 样式定义 */
  }
  .my-class {
    /* 样式定义 */
  }
  #my-id {
    /* 样式定义 */
  }
</style>