2015-08-18 4 views
0

Я сделал стиль для тега a в своем Wordpress как нижняя граница, так что я могу сказать пользователям, что есть ссылка на клики.Лучший способ указать ссылки на тексты в Wordpress

bottom-dotted border for links

Однако в Wordpress, изображение в пост находится внутри тега a, что означает, что граница будет отображаться в нижней части изображения. Это невозможно изменить в режиме редактирования, так как автоматически создается p, который содержит a.

bottom-dotted border in images

<p> 
    <a href=""> 
    <img src=""> 
    </a> 
</p> 

Есть ли лучший способ справиться с этим? Может быть, это код Javascript, чтобы отделить пунктирную границу от a, но мне интересно, есть ли лучший способ.

+0

Я попытался добавить [this] (http://jsbin.com/lojome/edit?js,output), который я видел в Stack Overflow, но это не удалось. Что случилось с этим кодом? – chenghuayang

ответ

1

Вам нужен Javascript, потому что вы хотите найти теги a, которые являются родителями для тега img и в CSS нет родительских селекторов.

+0

Любая идея на Javascript-код для фильтрации '.entry-content p a img'? – chenghuayang