css中關聯選擇器的寫法是,CSS選擇器權重如何計算?
很古老的話題了
id=100
class=10
tag(標簽)=1
按照這個規律去計算,比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一個的權重要比第二個要高。另外關于權重的擴展知識面,我推薦了解下BEM命名規則,這個觀念很好,可以從側面杜絕權重問題的產生,還有一個就是提高權重的方法 !important;
box在HTML中的意思?
這是個CSS的相鄰同胞選擇器。 .box + .box 意思就是:選擇緊鄰第一個box元素的同胞box元素。 這倆類名一樣,解釋起來有點混亂。 我舉個例子。 例如: 標題 標題
文章段落
如果我這么寫:.box1 + h1 ,那么我選擇的就是類名叫.h1-1的元素。 如果:.box2 + h1 ,它不會選擇任何元素,因為.box2的下面沒有一個叫h1的同胞元素。 如果:h1 + div ,那么會選擇.box2的div元素。 第一個元素 + 第二個元素 這個選擇器只會選擇 緊鄰第一個元素 并且是在第一個元素下面的同胞級元素 上面那段代碼,如果你寫 :.box1 + .box2 將沒有效果,因為他們中間夾了個h1元素。 但是有一個選擇器可以實現,就是.box1 ~ .box2 同胞選擇器。 能力有限,不知幫到了嗎?交集選擇器書寫方式?
交集選擇器是有2個選擇器直接連接構成,其中第一個必須是標簽選擇器;第二個必須是類選擇器或是ID選擇器,這兩個選擇器之間不能有空格必須連續書寫。
css元素定位工具?
cssSelector定位,屬于CSS高級等位,它的定位方式,利用選擇器進行的。在CSS 中,選擇器是一種模式,用于選擇需要添加樣式的對象。“CSS” 列指示該屬性是在哪個CSS 版本中定義的。(CSS1、CSS2 還是CSS3。);
下面羅列了一部分的CSS定位方式。看到這么多是否覺得CSS不再簡單,其實不然常用的幾種方式作者已標記,CSS定位是平常使用過程中非常重要的一種方式。它與Xpath定位有諸多類似的地方,但是無論從性能還是語法上來說CSS都是比較有優勢的。
1、一般情況下定位速度要比XPATH快
2、語法比Xpath要簡潔