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

Question

我有一个用户选项列表，其中一个是由系统确定的默认值。

我已将这些选项安排为列表中的可点击项目。我想预先选择第二个项目，这是我尝试过的JQuery和CSS

Jquery

$("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) {&nbsp; background: #c24e4e;}<ul>&nbsp; <li>One</li>&nbsp; <li>Two</li>&nbsp; <li>Three</li></ul>