Css селектор: выбор значения атрибута не работает

Question

Я изо всех сил пытаюсь выбрать определенную кнопку на веб-странице, которую я хочу очистить.Я использую режим Chrome Inspection.

Этот веб-сайт: https://www.mrlodge.de/wohnungen/, и я хочу выбрать кнопку «Mehr laden», что в переводе с немецкого означает «загрузить больше».

Я пробовал такие вещи, как:

[button="Mehr laden"]

.button>"Mehr laden"

Вот фрагмент кода HTML:

Answer 1

Короче селектор может показаться

.mrlobject-list-more button

Answer 2

Предполагается, что вы пытаетесь выбрать его в css:

. Публикуйте это в своем CSS, чтобы выбрать эту кнопку:

div.mrl-objectsearch__list>div.mrl-ft-results-more.mrlobject-list-more>button.button{
    //do some css f.e.:
    background: #000000 !important;
}

Это работает также хорошо, ноВы можете выбрать другую кнопку с тем же именем класса:

button.button {
    //do some css f.e.:
    background: #000000 !important;
}