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

我想,這很容易;我將使用屬性選擇器根據(jù)type屬性的值來定位OL.屬性選擇器區(qū)分大小寫,所以這應(yīng)該很簡單,對(duì)吧？

錯(cuò) – 至少在您嘗試使用標(biāo)準(zhǔn)“類型”屬性時(shí).

這是一個(gè)例子(有效)：

/* 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

現(xiàn)在,用類型替換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

現(xiàn)在它就像選擇器不再區(qū)分大小寫,并且兩個(gè)列表都受到影響,并且都使用大寫羅馬.

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

有任何想法嗎？

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。