Может быть, это то, что вы ищете:
from lxml import etree
code = """
<html>
<ul>
<li data-i="sdfdsf">something</li>
<li data-i="dsfd">something</li>
</ul>
<p data-para="cvcv">content</p>
</html>
"""
xml = etree.XML(code)
elements = list(xml.iter())
for element in elements:
if len(element.text.strip())>0:
print('<'+element.tag+'>'+element.text+'</'+element.tag+'>')
Вывод:
<li>something</li>
<li>something</li>
<p>content</p>
Поместите это в свой CSS
-moz-outline: none;
outline: none;
http://css-tricks.com/removing-the-dotted-outline/
лучше использовать:
a:active {
outline: none;
}
или
a {
outline: none;
}
это более конкретно. в противном случае вы можете подавить слишком много вещей одновременно. и если вы заботитесь о доступности, обязательно предоставьте пользователям, которые не могут использовать мышь, другой способ узнать, какая ссылка активна или сфокусирована.
Одним из вариантов является использование функции javascript blur
для ссылки после ее нажатия. Функция blur
удаляет фокус с ссылки, поэтому она не будет нарисована с помощью этого пунктирного прямоугольника вокруг него.
Если вы используете jQuery, вы можете реализовать такое решение, как это:
$(function() {
$('a').click(function() {
$(this).blur();
});
});