CSS "свойства .x" синтаксис

Question

Можно ли добавить дополнительные правила в блок css при использовании селектора "{(свойства x)}"?

Я посмотрел ссылки, но не могу найти ничего, связанного со "свойствами x". Ссылка была бы замечательной. Я попробовал следующие две комбинации, но ни одна не работала:

.dock li { (properties of grid_2; display:inline; background-color:#666; ) }
.dock li { display:inline; background-color:#666; (properties of grid_2) }

Большое спасибо!

EDIT

Очевидно, я неправильно прочитал статью и подумал, что такой синтаксис существует. Я думал, что можно создать класс и позволить ему наследовать свойства другого, используя такой синтаксис, что, очевидно, не так.

Answer 1

То, что вы описываете, невозможно.Я думаю, что есть две другие возможности, которые вы могли бы использовать.Во-первых, вам нужно знать, что несколько элементов могут быть применены к элементу одновременно.Я приведу вам пример:

li { font-size: 10pt; }
.dock li { color: #ff0000; }

Все элементы списка будут отформатированы с размером шрифта 10 точек, и только те элементы в элементе, который содержит класс закрепления, будут красными.

Мое второе предложение заключается в том, что вы пытаетесь применить два или более классов к вашему HTML-элементу, например:

.grid li { font-size: 10pt; }
.dock li { color: #ff0000; }

Теперь поместите класс grid и Dock в ваш HTML, и элементы будут применять оба определения стиля:

<ul class="grid dock"> ...

Независимо от того, что вы считаете лучшим для своего проекта: помните, что свойства, определенные во втором стиле, перезаписывают свойства первого (если они вообще не определяют одни и те же свойства, не будет путаницы).

Answer 2

CSS не имеет такой функции.

Answer 3

может быть, ваш вопрос не слишком странный ..

Я понимаю, что вы хотите сделать что-то вроде:

.a { prop1: val; prop2: val; }
.b { prop3: val; prop4: val; }
.c { .a; .b; prop5: val; prop6: val; }

Вы хотите, чтобы класс .c наследовал все свойства и значения .a и .b

Если это нормально, вы можете сделать это, используя LESS.

Чтобы использовать LESS-код на своих сайтах, у вас есть разные способы сделать это.

Прежде всего проверьте исходный сайт: LESS.org
Если вы находитесь на Mac, проверьте этот сайт: МЕНЬШЕ ПРИЛОЖЕНИЕ + PLUGINS
Если вы работаете на компьютере, плагин less.js должен быть проще для внедрения LESS на ваших сайтах: использование less.js

Надеюсь, это поможет.

Удачного кодирования! :)