css中設定html的外部樣式表的奇偶行交替色類似

2021-03-08 20:15:09 字數 1403 閱讀 7747

1樓:匿名使用者

jquery中設定html的外部bai

樣式表的du奇偶行交替色

類似:設定偶數行zhi的背景色:$("table  tr:nth-child(even)").css("background-color","#ffe4c4");

設定奇dao數行的背景色:$("table  tr:nth-child(odd)").css("background-color","#f0f0f0");

可以內使用容css3的奇偶選擇器:

tr:nth-child(odd)。

tr:nth-child(even)li:nth-child(odd)是設定奇數行的背景色,li:nth-child(even)是設定偶數行的。

參考資料

jquery中設定html的外部樣式表的奇偶行交替色類似.部落格[引用時間2018-1-5]

2樓:匿名使用者

可以啊,用css3或者jq實現。

可以使用css3的奇偶選擇器,如:

tr:nth-child(odd)

tr:nth-child(even)

li:nth-child(odd)是設定奇數行的背景版色,li:nth-child(even)是設定偶數行的。

權但是css3不相容ie9以下的瀏覽器,如果需要考慮到相容問題的話,可以使用jq設定,如:

$("table  tr:nth-child(even)").css("background-color","#ffe4c4");    //設定偶數行的背景色

$("table  tr:nth-child(odd)").css("background-color","#f0f0f0");    //設定奇數行的背景色

html+css li實現不同行顏色不一樣

3樓:匿名使用者

css3可以直接選擇奇偶數,,12

3456

如果不想用css3,怕有些低版本不支援的話,你只能用js或者jq來做,

同理,jq取行數的奇偶,給加上不同的樣式就可以了。

4樓:匿名使用者

li:nth-child(2n)

5樓:來love夥

給同一行的兩列分別設定 li 的寬度和高度 ,就可以啦

css根據行id的奇偶性,改變行背景色的css樣式表,誰給個源**的!**發出來就可以了!

6樓:匿名使用者

奇偶用不同的class

7樓:匿名使用者

幹嘛要用id呢,用class啊,寫兩個不同的class,然後程式讀出的時候判斷加上對應的class不就有不同的背景了嗎

css中怎麼設定文字垂直居中,在html中怎麼讓文字垂直居中

單行很好解決 height18px line height 18px 高和行高值相同即可 但對於多行,你可以看下這裡,純css實現瀏覽器相容的 上下左右都居中的內容 css中有一個屬性 line height如果你的文字p,span,div,title等那麼line height的值到底等於多少居中...

在css中設定ul樣式,怎樣修改li的前面預設圓點的顏色

li把預設的給去掉,然後把著了色的圓點切成一張背景 使用。1.li自身圓點的顏色是修改不了的,你不想要那個圓點的話,可以通過以下幾種方式來解決,將圓點去掉,li,然後用color ff0000 設定字型的顏色,這裡的點就是紅色的了。4.將圓點去掉,li 然後將那個點做成 然後嵌入li中。list1。...

css樣式中和body的區別,在css中,body和有什麼不同啊

body控制的是正規物理頁面你能看見的部分,在body體中加div標籤和body體不是一個級別的,渲染的先後順序是不一樣的。而 則表示所有標籤 body 是一個類。只有引用時才有效 如 而body 則不需要引用。只要頁面中有這個標籤就有效 在css中,body和 有什麼不同啊 能規定所有元素標籤的樣...