Можно ли сбросить CSS в файле HTML?

Question

Можно ли сбросить CSS в файле HTML?

0

Если я привяжу каскадную таблицу стилей в своем коде с помощью:

<link rel="stylesheet" type="text/css" href="main.css">

и в моем файле CSS у меня есть

a:link, a:visited {
    display: block;
    width: 120px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #1947D1;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
}
a:hover, a:active {
    background-color:#0029A3;
}

все работает отлично, пока у меня не будет ссылки, которая отформатирована по-разному. Можно ли легко сбросить стиль полностью или для одного элемента в середине HTML файла? Или я должен вручную сбросить каждый аспект? Я пробовал делать

<style></style>

а также

<a style="" href="projects.html">Projects</a>

но не сбросить стиль. Разве это невозможно, или я просто пропущу что-то очевидное?

Preston159 19 апр. 2014, в 05:20

Источник

1

Почему бы вам не дать этому элементу собственный класс и псевдокласс?
iamsleepy 19 апр. 2014, в 02:54
0

По какой причине вы не используете класс для ссылок? Тогда вы могли бы сделать. Класс, и он будет применяться только к ссылкам, которые вы назначили классу.
Joe Packer 19 апр. 2014, в 02:55
0

@JoePacker Это будет работать, спасибо! Я знал, что упущу что-то довольно очевидное.
Preston159 19 апр. 2014, в 02:59
0

вот что я написал в своем ответе :)
dippas 19 апр. 2014, в 08:55

Показать ещё 2 комментария

Теги:

html

css

2 ответа

Ещё вопросы

Почему бы вам не дать этому элементу собственный класс и псевдокласс?
По какой причине вы не используете класс для ссылок? Тогда вы могли бы сделать. Класс, и он будет применяться только к ссылкам, которые вы назначили классу.
@JoePacker Это будет работать, спасибо! Я знал, что упущу что-то довольно очевидное.
вот что я написал в своем ответе :)

dippas · Answer 1 · 2014-04-19T00-15-00.000Z

если я правильно понимаю, вы ищете стиль A ссылки на проекты по-другому, чем остальные основные ссылки A правильно?

если это так:

<a class="some-class" href="projects.html">Projects</a>

.some-class {
background-color:red /* whatever you want here. */
}

Ali Zahr · Answer 2 · 2014-04-19T01-46-00.000Z

Просто добавьте имя класса в свой CSS и в свой тег, и это будет работать нормально.

a.class_name:link, a.class_name:visited {
    display: block;
    width: 120px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #1947D1;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transformation: uppercase;
}
a.class_name:hover, a.class_name:active {
    background-color:#0029A3;
}

<a class="class_name" href="projects.html">Projects</a>

Спасибо, это в значительной степени то, что я в итоге сделал, хотя я использовал «a: link.classname» вместо «a.classname: link»