Css 如何确定应该使用哪个类/选择器来设置元素的样式？

下图显示了我的导航栏的编码。我想改变“BookNow”按钮的颜色并在其周围添加边框，这是我知道的。唯一让我费劲的是识别要选择的类，只有“立即预订”按钮

非常感谢您的帮助

---

该元素上没有任何唯一标识符。你应该考虑添加ID。或者您可以使用选择器

a[innertext='Book Now']

或

div:contains（'Book Now'）

，但这有点糟糕，因为如果您更改内容，您的样式将中断。

我会这样做：

div[data-navlink handle='book-now']>a

基本上，可以找到一个具有属性

datanavlinkhandle

的div，该属性等于

book now

。在此假设句柄不太可能更改，即使文本更改

或者可能：

---

div.navbar-item[data-navlink handle='book-now']>a

请查看，然后将您的代码添加为真实代码，而不是图像。您可以使用第n个子项选择并应用css吗