我如何确定应该使用哪种类/选择器来设置元素样式?

问题描述 投票:0回答:2

下图显示了我的导航栏的编码。我想通过更改颜色并在其周围添加边框来设置“立即预订”按钮的样式,我知道该怎么做。我正在努力的唯一部分是确定要选择的班级,只有“立即预订”按钮。

非常感谢您的帮助!

Navbar Color Change

css colors css-selectors nav styling
2个回答
0
投票

您在该元素上没有任何唯一标识符。您应该考虑添加ID。或者,您可以使用选择器a[innertext='Book Now']div:contains('Book Now'),但这有点不好,因为如果更改内容,样式就会中断。


0
投票

这就是我的做法:

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

本质上是找到一个属性data-navlink-handle等于book-now的div。在此假设句柄不会发生变化,即使文本发生了变化。

或者可能是:div.navbar-item[data-navlink-handle='book-now'] > a

© www.soinside.com 2019 - 2024. All rights reserved.