css選擇器的引用方式優先級,CSS選擇器權重如何計算?
很古老的話題了
id=100
class=10
tag(標簽)=1
按照這個規律去計算,比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一個的權重要比第二個要高。另外關于權重的擴展知識面,我推薦了解下BEM命名規則,這個觀念很好,可以從側面杜絕權重問題的產生,還有一個就是提高權重的方法 !important;
css中h1是什么選擇器?
.h1是類選擇器
#h1是id選擇器
h1是標簽選擇器
div中如何引用外部css文件?
div中引用外部css文件,是整個css文件,我們可以在<head></head>那,通過link這個標簽來引用,href來鏈接你外部css的文件就可以,這里有段代碼: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>index</title> <link rel='stylesheet' type='text/css' href='./css/index1.css'>通過這個來設置就可以了,就可以引用外部的文件了。
css外鏈式與內嵌式優先級?
從CSS 樣式代碼插入的形式來看基本可以分為以下3種:內聯式、嵌入式和外部式三種。
1:內聯式css樣式表就是把css代碼直接寫在現有的HTML標簽中,如下面代碼:
<p style="color:red";font-size:12px>這里文字是紅色。</p>2:嵌入式,嵌入式css樣式,就是可以把css樣式代碼寫在 <style type="text/css">XXX</style>標簽之間。
3:外部式css樣式,寫在單獨的一個文件中.
外部式css樣式(也可稱為外聯式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css”為擴展名,在<head>內(不是在<style>標簽內)使用<link>標簽將css樣式文件鏈接到HTML文件內,如下面代碼:
<link href="base.css" rel="stylesheet" type="text/css" />
優先級: 內聯式 > 嵌入式 > 外部式,但是 嵌入式> 外部式有一個前提:嵌入式css樣式的位置一定在外部式的后面。
其實總結來說,就是--就近原則(離被設置元素越近優先級別越高)。