就近生效原則,類選擇器與包含選擇器沖突怎么辦
當一個<P>中有很多<span>,<div>或者其他很多類標簽,所有標簽通過類選擇器設(shè)置各自樣;
這時候使用包含選擇器為<P>里面所有元素添加一個統(tǒng)一樣式,勢必有的標簽因就近(類選擇器已設(shè)置)不會生效;
那么,包含選擇器的意義何在呢?什么情況使用的比較多呢?
感謝!
當一個<P>中有很多<span>,<div>或者其他很多類標簽,所有標簽通過類選擇器設(shè)置各自樣;
這時候使用包含選擇器為<P>里面所有元素添加一個統(tǒng)一樣式,勢必有的標簽因就近(類選擇器已設(shè)置)不會生效;
那么,包含選擇器的意義何在呢?什么情況使用的比較多呢?
感謝!
2018-06-21
舉報
2018-06-22
選擇器 優(yōu)先級 了解一下?
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity
下面列表中,選擇器類型的優(yōu)先級是遞增的:
類型選擇器(type selectors)(例如, h1)和?偽元素(pseudo-elements)(例如, ::before)
類選擇器(class selectors) (例如,
.example
),屬性選擇器(attributes selectors)(例如,?[type="radio"]
),偽類(pseudo-classes)(例如, :hover)ID選擇器(例如, #example)
通配選擇符(universal selector)(
*
),?關(guān)系選擇符(combinators) (+
,?>
,?~
, '?
') ?和?否定偽類(negation pseudo-class)(:not()
)?對優(yōu)先級沒有影響。(但是,在?:not() 內(nèi)部聲明的選擇器是會影響優(yōu)先級)。