div裡的css屬性不對裡面的子元素生效及相關問題

時間 2022-04-21 22:10:16

1樓:

首先,不知道你的預期效果是什麼樣的,針對你給出的樣式:

div li

a說明一下:

第一條,規定了 所有 div 下的 li的樣式,即 不顯示圖示,顯示為內聯樣式不換行,外邊距7px。

第二條,規定了 所有超級連結內的文字樣式,這裡為無樣式。

針對你說的「沒有達到預期效果,display:inline只對第一個子元素li有效果,list-style:none則對下面所有li起了作用,text-decoration:

none也只有在css裡標出a標籤後起了效果,個人認為和繼承有關」

css樣式的規則是這樣的,你規定到了什麼級別就對什麼級別的html標籤起作用。比如 你寫的 div li{}表示規定 html中所有div下面的li的樣式。a{}表示規定 html中所有超級連結的樣式。

表示無序列表 表示有序列表,按照規定li 就應該是在ul ol 的,瀏覽器對html標籤是有糾錯機制的,即便你再html中寫錯部分標籤,html也會容錯正常顯示。

2樓:匿名使用者

為何是div裡巢狀li?難道你div裡沒有ul標籤?如果有,你寫成:

ul li 就行了!

關於css繼承,你應該還是沒太多經驗,有些標籤是繼承的,有些則不,比如p標籤,就不繼承父物件的樣式。

關於ul存在的意義,我想你應該也知道ul是li的父物件,沒有父親**來的兒子,如果你非要較真,這個問題你可以和創造html語言的人去討論下,或者去找w3c,因為這是他們定的規則!

3樓:叮咚叮咚二哈

a標籤預設情況下就有一條下劃線 而text-decoration:none; 就是去掉那條下劃線的 再說li的list-style:none; 因為列表前面預設是有圓點樣式的 而這個屬性剛好是去掉列表前預設樣式的 display:

inline; 是將元素變成內聯元素,元素前後沒有換行符 好好審查元素看看 還有要知道每個屬性是什麼意思

為啥css中設定的div屬性不在網頁中顯示,但是審查元素的時候是存在的

4樓:過兒無敵

如果那個75*20的ul的css樣式是你上面的那個樣式的話,那麼那個ul並沒有設定不在網頁中顯示,因為那個display的屬性都是inline-block。至於沒顯示,可能是因為其他地方設定了overflow:hidden;

5樓:匿名使用者

看看是不是在html裡面寫入了行內樣式

6樓:百花叢中一把刀

像這種情況,你得貼**。

cssdiv如何為標籤中的子標籤設定屬性

在div+css中如何讓兩個元素的層級關係改變,z-index,不是很好使……

7樓:匿名使用者

層級關係的佈局

有兩種解決方法:

一種方法是使用標籤的自然順序和巢狀順序來形回成合理的佈局答。

而第一種方法卻不是萬能的,有時候我們需要將原本位於下層的元素移到另一個元素上方,那可以使用z-index;

而你說的不好用,則是zindex沒有生效,沒生效就是沒有定義position屬性,如果不想讓元素的位置有所變化,就給賦予z-index屬性的元素加上相對定位的position:relative;

8樓:匿名使用者

z-index是決定相對於

同一容器抄的不同divposition:absolute顯示時的覆蓋問題,即誰擋著誰,前提是相對同一父容器,所以常常是相對body的幾個position:absolute的div。

兩個元素的層級關係改變,如果理解成誰顯示上面下面的問題,可由以上思路解決。

首先要讓這幾個div處於同一父容器,position:absolute,就可以通過z-index控制誰顯示在上面的問題。

如果層級關係理解成,兩個div容器包含關係的改變,那是由**位置決定的。

9樓:匿名使用者

z-index要配合position:absolute等屬性..單單設定z-index是沒效果的

10樓:匿名使用者

z-index不好使是啥意思?

css中如何在一個div裡面不繼承之前的樣式

11樓:匿名使用者

第一個回答的就對。 -----------再宣告就是了詳細點就是,你的div如果沒有id或class通用的table樣式.如下:

div table

例如你想改這個**.等就是給這個table加個id,css寫到這個table的時候就寫: #mydiv

你這樣寫的效果就是把原來的樣式覆蓋了。僅對於id為mydiv而言css樣式就是採用後面的,而不採用前面的。簡單來說以最後寫的為標準.

12樓:匿名使用者

你們回答的不要誤人子弟好不?

還定義樣式?你把所有樣式都給我寫個看看?並且他寫自己的樣式的頁面也是繼承本身系統預設的樣式了,真是誤人子弟。

我最近也遇到類似的情況,自己寫的一小塊頁面內容嵌入到別人的頁面中,導致樣式出問題了, 用iframe嵌入框吧,樣式是不能手動不繼承的。

13樓:匿名使用者

在一個div裡面不繼承之前有繼承性的樣式是無法做到的;

可以通過再定義繼承過來的樣式來解決(可以給它加個class或id)例如:

.tab

#tab

或這樣就可以單獨控制一個table的樣式了;繼承過來的樣式屬性你再重新定義就可以了;

另外要注意樣式的優先性

14樓:在郊夜話

table

div table

如何更改css屬性,取消對父級元素的屬性繼承?

15樓:匿名使用者

給span加id 或者加類 或者在span標籤內部改都可以,比如設定整個div中span的color屬性是red;現在把span b的color設定為green

1,span標籤內部

this is span_b

2.加id或者加class

加id:this is span_b

加class:this is span_b這種方法需要引入外部css檔案,或者在頁面的head部分新增標籤,在外部css檔案和內寫

#b.c

# .是id和class 固定格式

16樓:匿名使用者

不太明白表達的意思,是誰要呼叫誰的樣式?如果span裡的樣式設定了 而ul或者li裡再呼叫別的樣式的話它採用的是就近原則,離誰近就用誰的樣式。專門定了span的樣式的話它就用專門定的樣式。

17樓:匿名使用者

那你可以設定span的屬性 這樣 它就不會繼承父類屬性的啦

18樓:

這個上面說的all:initial;屬性可以試下!

19樓:匿名使用者

如果 div裡的span是這樣定義的,div span 那下面的可以是span使用自己的樣式span

div css 子div 可以繼承父元素哪些屬性

20樓:

會繼承父元素的寬度100px屬性,但如果你子元素中也設定高度的話就會覆蓋掉父中的高度。

21樓:吃方便麵的豬

父塊設定寬100,子不需要設定

不是繼承寬度

而是div的預設寬度為百分之百

22樓:魚兒地上跑

width,height不會繼承的。裡面的字型樣式和顏色,字型大....像這些它都會繼承的

23樓:匿名使用者

裡面的div不會繼承width 這個屬性;

如果外面的div 有設定 color 或者 font-size 裡面的div就會繼承父div屬性!

總之 div 的繼承關係 你用的多了以後 就自然會了解的!

width 這個屬性不會有很多繼承,

非要說有繼承關係的話 那就是 在設定 裡面的div的 百分比的時候 會繼承父div的屬性, 直接給div設寬度 就沒繼承!

CSS裡面的的為什麼有逗號,CSS中群組選擇器一定要用逗號隔開嗎?為什麼我看到這個不需要呢

ad stu ad 2 ad house 這裡用了逗號,作用是表示這3個class用的是相同的css屬性。而如果用空格,變成這樣 ad stu ad 2 ad house,其意思就全變了。這樣用空格分開,變成了在ad stu這個容器裡有一個叫ad 2的容器,而在ad 2這個容器裡,又包含著一個叫ad...

js改變div裡面的某個文字的顏色

依然幻吟楓 給手機號碼幾個字加上span標籤然後設定紅色就完事了撒,為嘛要用js 編寫html中如何將中間某一個字元改變字型顏色? 北漂碼農 更改一段文字中的某一個字元的字型顏色需要給這個字元新增一個標籤,然後給這個標籤新增相應的css樣式即可。工具原料 編輯器 瀏覽器 1 一個段落中的某一個字需要...

怎樣使div裡的文字兩端對齊,如何用css實現一段文字的兩端對齊和分散對齊

繁華的狼 可否使用標籤?table標籤對你所說的要求都滿足。但是如果你非要使用那就建議多巢狀幾個來解決吧下面是測試使用的 自己看看吧。http www.w3.org 1999 xhtml 比如說這樣一句話 如何要他們 兩端對齊 採取的主要思想是多個div巢狀來解決問題,但麻煩就麻煩在了對div的長度...