css內聯選擇器,CSS中有哪些常用選擇器?
一、CSS選擇器有哪些
CSS中的選擇器很多,比如:ID選擇器,類選擇器,通配符選擇器,偽類選擇器等等,接下來主要介紹常用的幾個。
1.標簽選擇器
語法:標簽名{},eg:h1{}//為所有的h1元素設置樣式。
2.ID選擇器
語法:#id名{}//id值唯一不能重復,eg:#top{}//為id為top的元素設置樣式。
3.類選擇器
語法:.class{},eg:.box{}//為所有的class值為box的元素設置樣式。
4.組選擇器
語法:選擇器1,選擇器2,選擇器N{},eg:#box1,.box2,p{}//為id為box1,class為box2和p的元素共同設置樣式。
5、通配符選擇器
語法:*{},eg:*{font-size:16px}//將整個頁面字體大小設為16px。
6.后代選擇器
語法:選擇器1選擇器2{},eg:p.aa{}//選中指定祖先元素p的指定后代.aa。
7.子元素選擇器
語法:父元素>子元素{},eg:p>.box{}//選中父元素p的指定子元素.box。注意與后代元素選擇器的區別
8.偽類選擇器
偽類可以用來表示一些特殊的狀態,如:
:link-未訪問過的超鏈接。
:visited-已訪問過的超鏈接。
:hover-鼠標經過的元素。
:active-正在點擊的元素。
eg:a:hover{color:red}//鼠標經過a標簽時,顏色變為紅色。
二、CSS選擇器的優先級順序
當同一屬性的不同值都作用到了同一個元素時,如果定義的屬性之間有沖突,那么應該用誰的值的,這個時候就涉及到CSS的優先級順序了。
1.在屬性后面使用!important會覆蓋頁面內任何位置定義的元素樣式。
2.作為style屬性寫在元素內的內部樣式
3.id選擇器
4.類選擇器
5.標簽選擇器
6.通配符選擇器
7.瀏覽器自定義或繼承的
如果css內聯樣式和外部樣式重復會有效果么?
內聯、外部沒有太大的關系重點是選擇器的優先級,優先級別高的會覆蓋級別低的不同的樣式會疊加,如果是同一種樣式,則會覆蓋同一級優先級級別的選擇器,后者高于前者(在網頁中的位置)
和外聯是什么意思?
內聯是指CSS樣式寫在當前html文件里面的樣式;如:<html> <head> <style> .test{color:red;} </style> </head> <body> <div class="test></div> </body></html><style></style>標簽部分樣式屬于內聯方式,內聯還有一種稱為行內樣式的方式,即直接寫在html標簽內部,如:<p style="color:red;"></p>外聯是指css單獨寫在一個后綴名為.css的樣式文件中,然后在html文件中用<link>標簽引入,如引入一個index.css文件,代碼如下:<link rel="stylesheet" href="index.css" />href是文件的路徑及名稱。
css選擇器中可以匹配所有標簽的是?
答案是星星選擇標簽。
因為星號選擇器的定義是用于選擇html中的所有標簽,在一個頁面中我們都會選擇去掉html所有標簽的默認樣式,然后根據自己的需求添加樣式,這個時候就需要使用*選擇標簽。
另外一個*選擇標簽也可以搭配到其他的標簽進行使用,用來選擇表示某個父元素下面的所有子元素標簽。