不存在不能繼承的屬性。CSS 的每個屬性都有一個「是否繼承（inherited）」的特性（嚴格來說是「是否默認繼承」）。對于 inherited 為 yes 的屬性，如果沒有對其進行過設置，就會默認使用父元素同一屬性的計算值（computed value）。否則，就會使用改屬性的初始值（initial value）。但如果你使用 inherit 關鍵字，就可以顯式讓屬性繼承父元素的計算值。比如說文字相關的屬性，一般都默認繼承（即 inherited 為 yes），這樣外邊元素設置好，內部就自然跟著生效了。而邊框如果默認繼承，你可以想象一下效果，顯然不妥當。所以每個 CSS 屬性值在設計的時候都會考慮好是否默認繼承。你所說的「不能繼承」實為「不默認繼承」。

官方文檔中對el屬性的說明：

el類型：string | Element

限制：只在用 new 創建實例時生效。

詳細：

提供一個在頁面上已存在的 DOM 元素作為 Vue 實例的掛載目標。可以是 CSS 選擇器，也可以是一個 HTMLElement 實例。

在實例掛載之后，元素可以用 vm.$el 訪問。

如果在實例化時存在這個選項，實例將立即進入編譯過程，否則，需要顯式調用 vm.$mount() 手動開啟編譯。

方法1：用css的屬性選擇器。 div[class^="aa"] { background-color:#d6d6d6; height: 50px; }1 2 3 方法2：用空格分隔多個class .aa { background-color:#d6d6d6; height: 50px; }1 2 3

css樣式遵循三種原則：就近原則、繼承原則、覆蓋原則。

就近原則

優先級關系，從高到低：行內樣式 > 內部樣式 > 外部樣式。

繼承原則：

繼承中多數邊框類的屬性不能被繼承，比如padding、margin、背景等都不會被繼承；表格也不能繼承父類的樣式。

覆蓋原則：

由于繼承而發生的樣式沖突，由最近的祖先元素取值；

繼承的樣式和直接指定的樣式發生沖突時，直接指定的樣式獲取值；

直接指定的樣式發生沖突時，樣式權重高的元素獲取值；