CSS的樣式就近原則指的是相同的元素或元素組件應按照就近原則應用相應的樣式。
例如,當某個元素同時設置了字體大小的樣式,那么就近原則會優先應用離該元素最近的樣式,而不是應用全局樣式。
p { font-size: 16px; /*全局樣式*/ } #myDiv p { font-size: 18px; /*局部樣式*/ }
在上述CSS代碼中,全局樣式指定了所有的p元素都使用16px的字體大小。如果頁面中存在ID為“myDiv”的元素,并且該元素內部的p元素需要使用不同的字體大小,就近原則會應用局部樣式,而不是全局樣式。
當在CSS中有重復的樣式定義時,也會優先使用就近原則。在下面的例子中,即使所有的p和span元素都指定了字體大小,span元素中的字體大小仍然優先應用。
p, span { font-size: 14px; } span { font-size: 16px; }
除了按照就近原則應用樣式外,還可以使用!important關鍵字強制應用某些樣式。但是,要注意不要濫用!important,因為它可能會導致樣式的不可預測行為。
上一篇css的樣式模版應用
下一篇css設置文字的大小