Наследуйте свойства CSS
Последний элемент: append(_, [X], List)
Последние два элемента: append(_, [X, Y], List)
Последние n элементов: length(LastN, N), append(_, LastN, List)
Первые n элементов: length(FirstN, N), append(FirstN, _, List) [117 ]
5 ответов
Можно определить общие стили для двух элементов сразу как так:
p, a {
font-size: 1em;
}
И затем расширьте каждого с помощью их отдельных свойств, как Вы хотите:
p {
color: red;
}
a {
font-weight: bold;
}
Следует иметь в виду: Стили, определенные позже в таблице стилей обычно, переопределяют свойства, определенные ранее.
Дополнительный: Если Вы уже не имеете, я рекомендую получить расширение Firefox Firebug, таким образом, Вы видите то, что разрабатывает элементы на Вашей странице, получают и где они наследованы от.
Да.
Необходимо понять, как каскад в работах CSS, и также понимает, как наследование работает. Некоторые стили наследуются (как поверхность шрифта) и некоторая привычка стилей (как граница). Однако можно также сказать стилям наследоваться своим родительским элементам в DOM.
Из некоторой справки вот знание того, как указаны правила стиля. Этот сайт о войнах Specifity CSS мог бы помочь (Примечание: этот сайт в настоящее время снижается, но надо надеяться он скоро вернется).
Кроме того, я нахожу, что это иногда помогает перегрузить стили как это:
h1, h2, h3, h4, h5 h6 { font-weight: normal; border: 1px solid #ff0; }
h1 { font-size: 300%; }
... etc ...
Никакой CSS не имеет никакого способа наследовать стили. Но существует несколько способов, которыми можно совместно использовать стили. Вот несколько примеров:
Используя несколько классов
<p class="first all">Some text</p>
<p class="all">More text</p>
<p class="last all">Yet more text</p>
p.all { font-weight: bold }
p.first { color: red; }
p.last { color: blue; }
Используйте оператор запятой в своих стилях
<p class="first">Some text</p>
<p class="middle">More text</p>
<p class="last">Yet more text</p>
p.first, p.middle, p.last { font-weight: bold }
p.first { color: red; }
p.last { color: blue; }
Используя контейнерные элементы
<div class="container">
<p class="first">Some text</p>
<p class="middle">More text</p>
<p class="last">Yet more text</p>
</div>
div p { font-weight: bold }
p.first { color: red; }
p.last { color: blue; }
Ни один из них не точно, что Вы ищете, но используете эти методы, поможет Вам свести дублирование CSS к минимуму.
Если Вы готовы использовать серверный код для предварительной обработки CSS, можно получить тип наследования CSS, которое Вы ищете.
"... это возможный наследовать свойство от одного стиля в другой стиль. Так, например, я мог наследовать размер шрифта, указанный в моем значении по умолчанию paragrah настройки тега в мои теги гиперссылки".
Теги link будут автоматически использовать шрифты из абзаца, если, и только если, они в рамках абзаца. Если они будут за пределами абзаца (скажите в списке), то они не будут использовать тот же шрифт и т.д.
Например, эта CSS:
* {
margin: 0 10px;
padding:0;
font-size: 1 em;
}
p, a { font-size: 75%; }
генерирует ссылки и абзацы, которые измерены в.75em. Но это отобразит ссылки в рамках абзацев приблизительно в.56em (.75 *.75).
В дополнение к ссылке специфики, процитированной Jonathan Arkell, я рекомендую руководство по CSS в W3Schools.
CSS автоматически наследуется родительскому стилю. Например, если Вы говорите в своей форме кузова, что весь текст должен быть #EEE и Ваше образование должно быть #000 затем весь текст, является ли это в отделении или промежутке, всегда будет #EEE.
Было довольно мало разговора о добавляющем наследовании путем, Вы описываете в CSS3, но та спецификация еще не отсутствует, поэтому прямо сейчас мы застреваем, повторяя нас вполне немного.