Якорный тег внутри пролета

Question

У меня есть тег привязки <a> внутри тега <span>. Я применил CSS так, чтобы span был похож на кнопку.

У меня возникли некоторые проблемы:

1. Я не могу применить стили к привязке, применяя стиль к span.
2. Клик происходит только по тегу привязки. Я хочу использовать функцию щелчка для всего тега span.

Любая помощь с благодарностью.

Answer 1

1) Добавить стили к диапазону, а также к привязке внутри диапазона:

#container span, #container span a {
    /* whatever */
}

2) Вы не можете применять события щелчка к тегу диапазона без JavaScript.Я предлагаю jQuery для удобства:

$('#container').on('click', 'span', function() {
    // JavaScript functionality here
});

Answer 2

Если вы поместите промежуток внутри a, то вам следует решить проблему с целевой областью. Плюс якорные теги имеют некоторую встроенную стили браузера, так что такие вещи, как оформление текста, не передают grom span в

Answer 3

По умолчанию диапазон не «кликабелен» в том смысле, в котором он привязан, поэтому вам также придется использовать JavaScript, чтобы сделать интервал кликабельным. Или, я полагаю, вы можете применить маркер к своему якору, чтобы он «покрывал» весь промежуток, создавая впечатление, что элемент пролета доступен для клика.

Не знаете, зачем вам нужен промежуток? Я бы, вероятно, избавился бы от промежутка все вместе и применил бы стиль привязки к якору вместо этого.

Answer 4

Не могли бы вы привести пример кода?Если привязка является единственным содержимым диапазона, вы можете просто удалить диапазон и применить стиль непосредственно к привязке.