-
Notifications
You must be signed in to change notification settings - Fork 4
/
240.txt
58 lines (43 loc) · 3.49 KB
/
240.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
[1]
[CITE[Re: [CSS21] Status of defult (intrinsic) style sheet in UA]] <http://lists.w3.org/Archives/Public/www-style/2005Nov/thread.html#107>
UA スタイル・シートの [CODE(CSS)@en[![[important]]]]
の意味は??
([[名無しさん]] [WEAK[2005-11-26 16:52:21 +00:00]])
[2]
同じ[[宣言ブロック]]中に同じ[[特性]]の複数の[[宣言]]を、
[CODE(CSS)@en[![[important]]]] → 非 [CODE(CSS)@en[![[important]]]] の順に並べた例
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20border-bottom-color%3A%20blue%3B%0D%0A%20%20border-bottom-width%3A%20thick%3B%0D%0A%20%20border-bottom-style%3A%20solid%20!important%3B%0D%0A%20%20border-bottom-style%3A%20dotted%3B%0D%0A%7D%0D%0A%0D%0A;h=%3Cp%3ECheck%20the%20bottom%20border...%20%3Ccode%3Esolid%3C%2Fcode%3E%20or%20%3Ccode%3Edotted%3C%2Fcode%3E%3F%3C%2Fp%3E%0D%0A;p=n;x=style-element>
([[名無しさん]])
[3]
>>2 改訂
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20color%3A%20green%20!important%3B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D%0D%0A%0D%0A;h=%3Cp%3EThis%20paragraph%20should%20be%20green.%3C%2Fp%3E%0D%0A;p=n;x=style-element>
([[名無しさん]])
[4]
[[CSS 2.1]] 的には、順序に関わらず [CODE(CSS)@en[![[important]]]] が[[勝つ]]はずです。
([[名無しさん]])
[5]
[[Firefox]] 2 では [[CSSOM]] ([[特性]]を[[反映]]する[[属性]])、
[CODE(DOMa)@en[[[cssText]]]]、[[レンダリング]]共に >>4 のようになります。
[[Opera]] 9 では [[CSSOM]] ([CODE(DOMi)@en[[[CSSStyleDeclaration]]]] や
[CODE(DOMa)@en[[[cssText]]]]) 上で両方の[[宣言]]が保持されますが、
[[特性]]を[[反映]]する[[属性]]でアクセスできるのは後にある
([CODE(CSS)@en[![[important]]]] で''ない'') [[宣言]]のようです。
[[レンダリング]]上は [CODE(CSS)@en[![[important]]]] な[[宣言]]が適用されます。
[[WinIE 6]] では [[CSSOM]] 的にも[[レンダリング]]上も
[CODE(CSS)@en[![[important]]]] な[[宣言]]が無視され、
非 [CODE(CSS)@en[![[important]]]] な後の[[宣言]]が適用されます。
([[名無しさん]])
[6]
>>2、>>4-5 は [[shorthand]] [[特性]]に対しても (構成要素になる[[特性]]について個別に)
同じことが言えるようです。
たとえば、<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20border-bottom-color%3A%20blue%3B%0D%0A%20%20border-bottom-width%3A%20thick%3B%0D%0A%20%20border-bottom%3A%20solid%20!important%3B%0D%0A%20%20border-bottom-style%3A%20dotted%3B%0D%0A%7D%0D%0A%0D%0A;h=%3Cp%3ECheck%20the%20bottom%20border...%20%3Ccode%3Esolid%3C%2Fcode%3E%20or%20%3Ccode%3Edotted%3C%2Fcode%3E%3F%3C%2Fp%3E%0D%0A;p=n;x=style-element>
では [[Firefox]] 2 と [[Opera]] 9 では下も[[実線]]、
[[WinIE 6]] では下だけ[[点線]]になります。
([[名無しさん]])
[7]
>>2、>>4-5 は [[shorthand]] [[特性]]に対しても (構成要素になる[[特性]]について個別に)
同じことが言えるようです。
たとえば、<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20border-bottom-color%3A%20blue%3B%0D%0A%20%20border-bottom-width%3A%20thick%3B%0D%0A%20%20border-bottom%3A%20solid%20!important%3B%0D%0A%20%20border-bottom-style%3A%20dotted%3B%0D%0A%7D%0D%0A%0D%0A;h=%3Cp%3ECheck%20the%20bottom%20border...%20%3Ccode%3Esolid%3C%2Fcode%3E%20or%20%3Ccode%3Edotted%3C%2Fcode%3E%3F%3C%2Fp%3E%0D%0A;p=n;x=style-element>
では [[Firefox]] 2 と [[Opera]] 9 では下も[[実線]]、
[[WinIE 6]] では下だけ[[点線]]になります。
([[名無しさん]])