- From: Marat Tanalin | tanalin.com <mtanalin@yandex.ru>
- Date: Fri, 06 Jan 2012 02:52:42 +0400
- To: juancarlospaco@ubuntu.com
- Cc: www-style@w3.org
06.01.2012, 02:38, "Juan Carlos Ojeda" <juancarlospaco@gmail.com>:
> On Thu, Jan 5, 2012 at 7:29 PM, Marat Tanalin | tanalin.com <mtanalin@yandex.ru> wrote:
>> Writing user stylesheets, we're often forced to add "!important" after value of each property (generally, the proposal should not be limited to user stylesheets though).
>>
>> It would be much more usable and DRY to have at-rule of the same name to prevent redundant multiple "!important" word duplication.
>>
>> For example, currently we write:
>>
>> #statusbar-display {
>> left: 0 !important;
>> right: auto !important;
>> }
>>
>> #statusbar-display .statuspanel-label {
>> border-left-style: none !important;
>> border-right-style: solid !important;
>> }
>>
>> Instead we could wrap the rules to one @important rule, thus avoiding repeating "!important" multiple times:
>>
>> @important {
>> #statusbar-display {
>> left: 0;
>> right: auto;
>> }
>>
>> #statusbar-display .statuspanel-label {
>> border-left-style: none;
>> border-right-style: solid;
>> }
>> }
>>
>> Thanks.
>>
>> P.S. Just in case: DRY is abbreviation from "Don't Repeat Yourself".
>
> And what about:
>
> #statusbar-display.* { !important }
Looks like a too strong deviation from current CSS syntax.
For the purpose of important'ing all properties of a _single_ separate rule, we could have 'important' property:
#statusbar-display {
left: 0;
right: auto;
important: true;
}
that would have same result as:
#statusbar-display {
left: 0 !important;
right: auto !important;
}
Received on Thursday, 5 January 2012 22:55:43 UTC