在无组织列表<ul> <li>中预选项目

Question

我有一个用户选项列表，其中一个是由系统确定的默认值。我已将这些选项安排为列表中的可点击项目。我想预先选择第二个项目，这是我尝试过的JQuery和CSSJquery$("ul > li:nth-child(2)").addClass("selected-state");CSS.selected-state {     background: #c24e4e;}.selected-state 只是模仿伪类选择器的活动，悬停和焦点的行为这没有用，没有一个孩子有背景应用，但这也可能是Vue.js生命周期的一个因素，这不是我要问的问题。我希望通过其他方式获得灵感，以实现我所希望的

Answer 1

它工作得很完美 - 你甚至不需要jQuery：

ul > li:nth-child(2) {

  background: #c24e4e;

}

<ul>

  <li>One</li>

  <li>Two</li>

  <li>Three</li>

</ul>