我正在嘗試根據其type屬性設置OL樣式.所有UL和OL的列表樣式屬性之前已經被另一個我無法修改的CSS樣式表消滅了,我需要重新設置列表樣式,將類型考慮在內,即如果OL應該使用Roman人物或字母數字等

我想,這很容易;我將使用屬性選擇器根據type屬性的值來定位OL.屬性選擇器區分大小寫,所以這應該很簡單,對吧？

錯 – 至少在您嘗試使用標準“類型”屬性時.

這是一個例子(有效)：

/* Remove default list style */

ul, ol { list-style:none; }

/* This works, using a non-standard foo attribute. The selector is case sensitive, so I can target 'i' and 'I' separately */

ol[foo='i'] {

list-style-type:lower-roman;

}

ol[foo='I'] {

list-style-type:upper-roman;

}

Styled with lower case roman

Styled with lower case roman

Styled with uppercase roman

Styled with uppercase roman

現在,用類型替換foo并再試一次：

/* Remove default list style */

ul, ol { list-style:none; }

/* Trying to use the standard type attribute, the selector is no longer case sensitive, so I cannot style 'i' and 'I' individually .... */

ol[type='i'] {

list-style-type:lower-roman;

}

ol[type='I'] {

list-style-type:upper-roman;

}

Should be lower-case roman

Should be lower-case roman

Should be upper-case roman

Should be upper-case roman

現在它就像選擇器不再區分大小寫,并且兩個列表都受到影響,并且都使用大寫羅馬.

我無法找到任何關于這是否是正確行為的信息,也就是說,使用非標準屬性(如’foo’)使用已知屬性(如’type’v.s)時.在Chrome和Firefox中都會發生這種情況的事實讓人相信它不是一個錯誤.

有任何想法嗎？

總結

以上是生活随笔為你收集整理的html属性选择器怎么写,html – 具有“type”属性与make-up属性的CSS属性选择器和区分大小写...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。