Могут ли не стилевые элементы HTML создавать какие-либо проблемы в потоке документов или кросс-браузерную проблему?

Question

Должны ли мы писать CSS для каждого элемента или только для тех элементов, которые хотят придать стиль?

как например

  <div id="first">
     <span class="one">
      <a href="#">content text</a>
     </span>
    </div>
<div id="second">
     <span class="two">
      <a href="#">content text</a>
     </span>
    </div>
<div id="third">
     <span class="three">
      <a href="#">content text</a>
     </span>
    </div>

Я просто хочу показать текст ссылки цветом. Должен ли я написать CSS для всех элементов

Если я пишу css только для (....) и ничего не определяет для #one и .two. Могу ли я получить любую проблему.

Могут ли нестилированные элементы HTML создавать какие-либо проблемы в потоке документов или кросс-браузерные проблемы?

Answer 1

Если вам нужно только применить стиль к ссылке, то вам нужно только написать css для ссылки. Если класс не определен для span или div, технически ничего не пойдет не так.

Answer 2

Чтобы стилизовать ссылку, вам не нужно стилизовать другие элементы. Вы можете просто использовать:

a { color: red }

или любой другой стиль, который вы хотите. Однако вы будете стилизовать все элементы ссылок во всем документе. Если вы хотите стилизовать только некоторые ссылки, вам также нужно включить больше контекста в определение CSS. Например:

#one .two a { color: red }

Будет стилизовать только ссылки внутри чего-либо с классом two внутри чего-либо с идентификатором one.

Answer 3

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

a:link, a:visited {color: /* color */} a:hover, a:active {color: /* color */}

должно хватить.