Может ли многоточие переполнения текста нацеливаться на один элемент?

Question

Я пытаюсь сократить URL-адрес с помощью многоточия переполнения текста, чтобы сохранить краткость в Mobile Safari.

Вот мой код и page .

dd a {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    width:20px;
    background:red; /* for debugging */
}

Answer 1

У вас правильный старт, единственная проблема в том, что не все правила применяются, потому что теги встроены по умолчанию и должны быть на уровне блоков. Добавление «display: block» в ваш CSS поможет, и, к счастью, из-за того, как вы стилизуете свои dds, это не изменит ваш макет. Кроме того, nix ширина 20 пикселей:)

Answer 2

Здесь, посмотрите новые селекторы css3, и вы быстро сможете выбрать любой элемент, который вы хотите:)

http://www.w3.org/TR/css3-selectors/#selectors

Answer 3

Вопрос немного сложно разобрать, но в основном да. Селектор CSS может быть только для одного элемента. Самый простой способ - присвоить элементу идентификатор, например id="mythingie" и пусть селектор использует это.

#mythingie {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    width:20px;
    background:red; /* for debugging */
}