怎么在css中繼承已有的css樣式？

比如a有如下的樣式：123456.a{????height:20px;????width:20px;????color:red;????margin:10px?20px;}

城固網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)建站2013年開創(chuàng)至今到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。

而b唯獨(dú)和a的樣式里顏色不同本應(yīng)該寫：123456.b{????height:20px;????width:20px;????color:blue;????margin:10px?20px;}

這時(shí)候你就可改寫：1234567891011.a,.b{????height:20px;????width:20px;????margin:10px?20px;}.a{????color:red;}.b{????color:blue;}

CSS是Cascading Style Sheet 的縮寫。譯作層疊樣式表單。是用于(增強(qiáng))控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)記性語言。

你可以用以下三種方式將樣式表加入您的網(wǎng)頁。而最接近目標(biāo)的樣式定義優(yōu)先權(quán)越高。高優(yōu)先權(quán)樣式將繼承低優(yōu)先權(quán)樣式的未重疊定義但覆蓋重疊的定義。

每個(gè)屬性都有一個(gè)指定的值：Inherit。它的意思是:將父對象的值等同為計(jì)算機(jī)值得到。這個(gè)值通常僅僅是備用的。顯式的聲明它可用來強(qiáng)調(diào)。

可以繼承的css有哪些

一、無繼承性的屬性

1、display：規(guī)定元素應(yīng)該生成的框的類型

2、文本屬性：

vertical-align：垂直文本對齊

text-decoration：規(guī)定添加到文本的裝飾

text-shadow：文本陰影效果

white-space：空白符的處理

unicode-bidi：設(shè)置文本的方向

3、盒子模型的屬性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left

4、背景屬性：background、background-color、background-image、background-repeat、background-position、background-attachment

5、定位屬性：float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index

6、生成內(nèi)容屬性：content、counter-reset、counter-increment

7、輪廓樣式屬性：outline-style、outline-width、outline-color、outline

8、頁面樣式屬性：size、page-break-before、page-break-after

9、聲音樣式屬性：pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

二、有繼承性的屬性

1、字體系列屬性

font：組合字體

font-family：規(guī)定元素的字體系列

font-weight：設(shè)置字體的粗細(xì)

font-size：設(shè)置字體的尺寸

font-style：定義字體的風(fēng)格

font-variant：設(shè)置小型大寫字母的字體顯示文本，這意味著所有的小寫字母均會被轉(zhuǎn)換為大寫，但是所有使用小型大寫字體的字母與其余文本相比，其字體尺寸更小。

font-stretch：對當(dāng)前的 font-family 進(jìn)行伸縮變形。所有主流瀏覽器都不支持。

font-size-adjust：為某個(gè)元素規(guī)定一個(gè) aspect 值，這樣就可以保持首選字體的 x-height。

2、文本系列屬性

text-indent：文本縮進(jìn)

text-align：文本水平對齊

line-height：行高

word-spacing：增加或減少單詞間的空白（即字間隔）

letter-spacing：增加或減少字符間的空白（字符間距）

text-transform：控制文本大小寫

direction：規(guī)定文本的書寫方向

color：文本顏色

3、元素可見性：visibility

4、表格布局屬性：caption-side、border-collapse、border-spacing、empty-cells、table-layout

5、列表布局屬性：list-style-type、list-style-image、list-style-position、list-style

6、生成內(nèi)容屬性：quotes

7、光標(biāo)屬性：cursor

8、頁面樣式屬性：page、page-break-inside、windows、orphans

9、聲音樣式屬性：speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation

三、所有元素可以繼承的屬性

1、元素可見性：visibility

2、光標(biāo)屬性：cursor

四、內(nèi)聯(lián)元素可以繼承的屬性

1、字體系列屬性

2、除text-indent、text-align之外的文本系列屬性

五、塊級元素可以繼承的屬性

1、text-indent、text-align

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

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

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

首先，有些屬性是不能繼承的。這沒有任何原因，只是因?yàn)樗褪沁@么設(shè)置的。舉個(gè)例子來說：border屬性，大家都知道，border屬性是用來設(shè)置元素的邊框的，它就沒有繼承性。如下圖所示，如果繼承了邊框?qū)傩?，那么文檔看起來就會很奇怪，除非采取另外的措施關(guān)掉邊框的繼承屬性。

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

擴(kuò)展資料

CSS中的樣式覆蓋原則：

規(guī)則一：由于繼承而發(fā)生樣式?jīng)_突時(shí)，最近祖先獲勝（最近原則）。

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

規(guī)則二：繼承的樣式和直接指定的樣式?jīng)_突時(shí)，直接指定的樣式獲勝（最直接原則）。

strong?{color:red;}

那么根據(jù)規(guī)則二，strong中的文字最終顯示為紅色。

規(guī)則三：直接指定的樣式發(fā)生沖突時(shí)，樣式權(quán)值高者獲勝。

樣式的權(quán)值取決于樣式的選擇器，權(quán)值定義如下表。

css選擇器?權(quán)值

標(biāo)簽選擇器?1

類選擇器?10

ID選擇器?100

內(nèi)聯(lián)樣式?1000

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

偽類(:link等)?10

可以看到，內(nèi)聯(lián)樣式的權(quán)值ID選擇器類選擇器標(biāo)簽選擇器，除此以外，后代選擇器的權(quán)值為每項(xiàng)權(quán)值之和，比如”#nav?.current?a”的權(quán)值為100?+?10?+?1?=?111。

css里有什么屬性可以繼承

手持手冊給你找

布局:visibility,

顏色:color

字體:

屬性 版本 繼承性 描述

font ? ?CSS1/2 ? ?有 ? ?簡寫屬性。定義元素的文本特性 ?

font-style ? ?CSS1 ? ?有 ? ?指定元素的文本是否為斜體 ?

font-variant ? ?CSS1 ? ?有 ? ?定義元素的文本是否為小型的大寫字母 ?

font-weight ? ?CSS1 ? ?有 ? ?定義元素文本字體的粗細(xì) ?

font-size ? ?CSS1 ? ?有 ? ?定義元素的字體大小 ?

font-family ? ?CSS1 ? ?有 ? ?定義元素文本的字體名稱序列 ?

font-stretch ? ?CSS3 ? ?有 ? ?定義元素的文字是否橫向拉伸變形 ?

font-size-adjust ? ?CSS3 ? ?有 ? ?定義小寫字母x的高度與對象文字字號的比率。 ?

屬性????版本????繼承性????描述

text-transform ? ?CSS1/3 ? ?有 ? ?定義元素的文本如何轉(zhuǎn)換大小寫 ?

white-space ? ?CSS1 ? ?有 ? ?指定元素是否保留文本間的空格、換行；指定文本超過邊界時(shí)是否換行。 ?

tab-size ? ?CSS3 ? ?有 ? ?定義元素內(nèi)容中制表符的長度 ?

word-break ? ?CSS3 ? ?有 ? ?定義元素內(nèi)容文本的字間與字符間的換行行為 ?

word-wrap/overflow-wrap ? ?CSS3 ? ?有 ? ?定義元素內(nèi)容文本遇到邊界時(shí)如何換行 ?

text-align ? ?CSS1/3 ? ?有 ? ?定義元素內(nèi)容的水平對齊方式 ?

text-align-last ? ?CSS3 ? ?有 ? ?定義塊內(nèi)文本內(nèi)容的最后一行（包括塊內(nèi)僅有一行文本的情況，這時(shí)既是第一行也是最后一行）或者被強(qiáng)制打斷的行的對齊方式 ?

text-justify ? ?CSS3 ? ?有 ? ?定義使用什么方式實(shí)現(xiàn)文本內(nèi)容兩端對齊 ?

word-spacing ? ?CSS1/3 ? ?有 ? ?指定單詞之間的額外間隙 ?

letter-spacing ? ?CSS1/3 ? ?有 ? ?指定字符之間的額外間隙 ?

text-indent ? ?CSS1/3 ? ?有 ? ?定義塊內(nèi)文本內(nèi)容的縮進(jìn) ?

vertical-align ? ?CSS1/2 ? ?無 ? ?定義行內(nèi)元素在行框內(nèi)的垂直對齊方式 ?

line-height ? ?CSS1 ? ?有 ? ?定義元素中行框的最小高度 ?

text-size-adjust ? ?CSS3 ? ?有 ? ?定義移動(dòng)端頁面中元素文本的大小如何調(diào)整?

屬性 版本 繼承性 描述

text-decoration CSS1/3 無 簡寫屬性。定義元素文本裝飾

text-decoration-line CSS3 無 定義元素文本裝飾線條位于文本的哪個(gè)位置

text-decoration-color CSS3 無 指定元素文本裝飾線條的顏色

text-decoration-style CSS3 無 定義元素文本裝飾線條的形狀

text-decoration-skip CSS3 有 定義元素文本裝飾線條必須跳過內(nèi)容中的哪些部分

text-underline-position CSS3 有 定義元素裝飾線的位置

text-shadow CSS3 有 定義文字是否有陰影及模糊效果

還有部分就不列了

檢驗(yàn)?百度搜索CSS 4. 0,? 看下

CSS參考手冊

版本：v4.2.7

最后更新時(shí)間：2018-4-10

編著：飄零霧雨

CSS哪些樣式屬性可以繼承

所有元素可繼承：

內(nèi)聯(lián)樣式：

塊狀樣式：

列表樣式：

表格樣式：