Если есть правильный способ изменить стили текста в гиперссылке? - PullRequest
Новая
       23

Если есть правильный способ изменить стили текста в гиперссылке?

1 голос
/ 18 октября 2011

Я пытаюсь подтвердить свой код следующим образом: 

<ul class="work">
    <li>
        <a href="work1.html"> <img src="images/work_1.png" alt="Work 1 Logo" /> <h4>Lorem ipsum doler sit amet consectetur adipiscing elit.</h4> Work 1 </a>
    </li>
    <li>
        <a href="work2.html"> <img src="images/work_2.png" alt="Work 2 Logo" /> <h4>Lorem ipsum doler sit amet consectetur adipiscing elit.</h4> Work 2 </a>
    </li>
    <li>
        <a href="work3.html"> <img src="images/work_3.png" alt="Work 3 Logo" /> <h4>Lorem ipsum doler sit amet consectetur adipiscing elit.</h4> Work 3 </a>
    </li>
</ul>

Проблема, с которой я сталкиваюсь, конечно, состоит в том, что элементы уровня блока (h4) не должны быть внутри встроенных элементов (a). Существует ли какой-либо действительный способ XHTML 1.0 Strict, который позволит мне увидеть тот же эффект, который я вижу сейчас с этим кодом? Уникальная эстетическая выгода, которую я получаю, имея (h4) внутри (a), состоит в том, что на два разных стиля текста влияет один и тот же якорь. На самом деле это выглядит неплохо на моей странице!

1 Ответ

5 голосов
/ 18 октября 2011

Измените h4 на span и присвойте им те же стили. 

<ul class="work">
    <li>
        <a href="work1.html"> <img src="images/work_1.png" alt="Work 1 Logo" />
        <span>Lorem ipsum doler sit amet consectetur adipiscing elit.</span>
        Work 1</a>
    </li>
etc.
...