CSS: после псевдо-класса и содержания: Декларация

Я пытаюсь добавить трубы между набором ссылок с помощью CSS :after, чтобы добавить содержимоеCSS: после псевдо-класса и содержания: Декларация

Смотрите эту скрипку: http://jsfiddle.net/gbPFR/1/

По какой-то причине, это добавление трубы внутри тегов <a>, а не после них.

В основном все, что я ищу, чтобы получить список, как это:

LINK1 | Ссылка 2 | Ссылка 3

Любые предложения о том, что я делаю неправильно здесь?

источник

2012-02-22 Dan

The: после псевдоэлемента фактически работает таким образом. Именование немного запутанно, поскольку псевдоэлемент не вставлен как следующий родной брат, а как последний дочерний элемент.

Вы можете попытаться использовать элемент списка-стиля, но я думаю, что это не то, что вы хотите.

источник

2012-02-22 00:59:48

Спасибо за разъяснение Aron - я не мог найти, где это описывается как ожидаемые результаты в документации - вы бы не случилось с есть ли какие-либо ссылки, чтобы поделиться описанием этого более подробно, не так ли? – Dan

Ну, я должен согласиться, что спецификации здесь немного расплывчаты. Единственное, что они говорят (в http://www.w3.org/TR/CSS2/selector.html#before-and-after). Псевдоэлементы «: before» и «: after» могут использоваться для вставить созданный контент до или после содержимого элемента ». Ключевое слово здесь - «контент». То есть не сам тег, а содержимое тега (его дочерние узлы). –

Вам необходимо обернуть якоря, как: после добавления их после. Вы можете использовать список, чтобы создать дочерний контейнер:

<ul> 
<li><a href="#">Test1</a></li> 
</ul>

См http://jsfiddle.net/atqNy/1/

источник

2012-02-22 01:03:17 cdm9002

CSS: после псевдо-класса и содержания: Декларация

ответ

Смежные вопросы