有辦法去掉從父級元素繼承下來的 CSS 樣式嗎

在div里給它加上一個類，給新加的類寫樣式。

創新互聯專注于鐵東企業網站建設,成都響應式網站建設,成都商城網站開發。鐵東網站建設公司,為鐵東等地區提供建站服務。全流程定制開發，專業設計，全程項目跟蹤，創新互聯專業和態度為您提供的服務

在CSS中，繼承是一種非常自然的行為，我們甚至不需要考慮是否能夠這樣去做，但是繼承也有其局限性。

首先，有些屬性是不能繼承的。這沒有任何原因，只是因為它就是這么設置的。舉個例子來說：border屬性，大家都知道，border屬性是用來設置元素的邊框的，它就沒有繼承性。如下圖所示，如果繼承了邊框屬性，那么文檔看起來就會很奇怪，除非采取另外的措施關掉邊框的繼承屬性。

多數邊框類屬性，比如象Padding（補白），Margin（邊界），背景和邊框的屬性都是不能繼承的。

擴展資料

CSS中的樣式覆蓋原則：

規則一：由于繼承而發生樣式沖突時，最近祖先獲勝（最近原則）。

strong分別從body和p中繼承了color屬性，但是由于p在繼承樹上離strong更近，因此strong中的文字最終繼承p的藍色。

規則二：繼承的樣式和直接指定的樣式沖突時，直接指定的樣式獲勝（最直接原則）。

strong?{color:red;}

那么根據規則二，strong中的文字最終顯示為紅色。

規則三：直接指定的樣式發生沖突時，樣式權值高者獲勝。

樣式的權值取決于樣式的選擇器，權值定義如下表。

css選擇器?權值

標簽選擇器?1

類選擇器?10

ID選擇器?100

內聯樣式?1000

偽元素(:first-child等)?1

偽類(:link等)?10

可以看到，內聯樣式的權值ID選擇器類選擇器標簽選擇器，除此以外，后代選擇器的權值為每項權值之和，比如”#nav?.current?a”的權值為100?+?10?+?1?=?111。

Dreamweaver 中的CSS樣式的刪除方法

在css中能夠實現換行的代碼有如下幾個：

1、display:block; //將標簽改成塊元素，塊元素是單獨占一行的。

2、clear:both； //清除浮動實現換行。

3、white-space:break； //這個一般適用在英文文章中的折行。

可以根據上面的幾個能實現換行的樣式，只需要將對應標簽的對應屬性刪除就可以了。

javascript問題！removeattribute如何刪除CSS外部樣式表的style屬性

方法不少 你需要哪種？

1 當你style里的樣式全都不要的時候 直接removeAttribute style就行

2 你需要保留一部分style的部分樣式 就使用 setAttribute重置style, 就是重寫一次style，留下你需要的樣式 這樣說可明白？

清楚CSS指定樣式，怎么清除？

問題問的比較含糊吧，其實不太能理解是想要整理樣式，還是想要在原有基礎上覆蓋樣式。

======整理樣式=====

在我們寫樣式的時候，頁面的CSS在經歷幾個版本的修改之后，可能有些樣式已經用不到了，或許將某些樣式更名了而原來的忘了刪除，總之頁面中可能存 在著一些無用的樣式。這些無用的浪費了一些服務器空間和帶寬消耗，也會增大我們的維護成本。下面介紹幾個分析無用樣式的工具：

【Dust-Me selectors】

Dust-Me是一個很有用也很好用的Firefox插件，它可以分析到你的頁面中調用的所有CSS文件并分析那些在頁面中沒有被用到。

支持本地和遠程樣式文件，包括使用link標簽、?xml-stylesheet?處理指令、@import語句等方式引入的樣式文件；(但是不支持頁面中的style塊和內聯樣式)

支持IE條件注釋中引入的樣式文件；

可以檢查一個頁面，也可以檢查整個網站；

支持CSS1選擇器、大部分CSS2和CSS3選擇器；

理解通用的CSS hack，比如 “* html #fuck-ie”將會被認為是”html #fuck-ie”；

支持Firefox 3.5和Firefox 3.0，事實上得益于FF 3.5的js引擎的改進，FF 3.5中的性能比FF 3.0要高50%。

你可以下載該項目的源代碼，了解更多請訪問 Dust-Me selector官方頁面。

【Page Speed】

Page Speed是Google提供的一個前端性能分析工具，有些類似于YSlow，但是提供了一些比較個性且很有用的工具，比如Remove unused CSS：

Page Speed和YSlow一樣依賴Firebug。

【CSS Redundancy Checker】

CSS Redundancy Checker 是一個免費的在線應用，可以檢查所有的使用某個CSS文件的頁面中無用的樣式。可以同時檢查某一個樣式在多個頁面中的使用情況。該工具的不足是雖然一次能 檢查多個HTML頁面，但每次只能檢查一個CSS文件，而且還要手動輸入：

【IntelliJ IDEA】

IntelliJ IDEA 這是一個頗強大的IDE，類似于DreamWeaver，不過在國內用的不多。該軟件包括一個即時代碼分析工具(On-the-fly Code Analysis)，可以分析CSS文件中未用到的class和id。

【Expression Web】

Expression Web作為微軟的新一代網站開發工具，還是有很多人使用的，其CSS Report功能可以檢查未用到需要被清除的CSS（我的確沒有使用EW開發過網站，希望使用該軟件的童鞋可以幫忙確認一下這一點）。

另外，通常我們將整個網站的樣式寫入一個或多個樣式文件中，然后在頁面中全部調用或者分模塊調用，那么某個CSS文件中的樣式可能在某個頁面中的確 沒有用到但是在其它的頁面中被用到了，所以使用這些工具檢測CSS文件中多余的樣式的時候，需要保持一定的謹慎，清除樣式可能會影響到其它的頁面，所以 page speed提供的檢查結果只適用于單個頁面，不適合整個網站，而使用Dust-Me或CSS Redundancy Checker的時候可以對整個網站或者網站的多個頁面同時檢查，這樣可能能避免萬無一失。

======覆蓋樣式=====

有時候在寫CSS的過程中，某些限制總是不起作用，這就涉及了CSS樣式覆蓋的問題，如下:

/*?css樣式?*/

#navigator?{height:100%;width:200px;position:?absolute;left:?0;border:?solid?2?#EEE;}

.current_block?{border:?solid?2?#AE0;}

CSS優先級如下排列：

1. 樣式表的元素選擇器選擇越精確，則其中的樣式優先級越高：id選擇器指定的樣式 類選擇器指定的樣式 元素類型選擇器指定的樣式所以上例中，#navigator的樣式優先級大于.current_block的優先級，及時.current_block是最新添加的，也不起作用。

2. 對于相同類型選擇器制定的樣式，在樣式表文件中，越靠后的優先級越高注意，這里是樣式表文件中越靠后的優先級越高，而不是在元素class出現的順序。比如.class2 在樣式表中出現在.class1之后：

/*?Css代碼?*/?

.class1?{color:?black;}??

.class2?{color:?red;}

而某個元素指定class時采用 class="class2 class1"這種方式指定，此時雖然class1在元素中指定時排在class2的后面，但因為在樣式表文件中class1處于class2前面，此時仍然是class2的優先級更高，color的屬性為red，而非black。

3. 如果要讓某個樣式的優先級變高，可以使用!important來指定：

/*?Css代碼??*/

.class1?{color:?black?!important;??}??

.class2?{color:?red;}

此時class將使用black，而非red。

對于一開始遇到的問題，有兩種解決方案：

1. 將border從#navigator中拿出來，放到一個class .block中，而.block放.current_block之前：

/*?Css代碼?*/??

#navigator?{height:?100%;width:?200;position:?absolute;?left:?0;??}??

.block?{border:?solid?2?#EEE;?}

.current_block?{border:?solid?2?#AE0;}

需要莫仁為#navigator元素指定class="block"

2. 使用!important:

/*?Css代碼??*/

#navigator?{height:?100%;width:?200;position:?absolute;left:?0;?border:?solid?2?#EEE;}??

.current_block?{border:?solid?2?#AE0?!important;}

此時無需作任何其他改動即可生效。可見第二種方案更簡單一些。

CSS?中已設置的屬性怎么去掉

展開全部

再寫一個優先級更高的沖掉，不同的屬性沖掉的方法不太一樣。比如要去掉邊框就寫border:0;

要沖掉字號就重寫一下你需要的字號……

分享文章：css刪除css樣式屬性,css清除默認樣式代碼
分享網址：http://vcdvsql.cn/article36/dsdjisg.html

成都網站建設公司_創新互聯，為您提供自適應網站、網站營銷、全網營銷推廣、網頁設計公司、網站維護、網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯