css a标签去掉下划线_CSS -- 三大特性
生活随笔
收集整理的這篇文章主要介紹了
css a标签去掉下划线_CSS -- 三大特性
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
Ⅰ 繼承性
- 給某一個元素設置一些屬性,該元素的后代也可以使用,這個我們就稱之為繼承性
- 只有以color、font-、text-、line-開頭的屬性才可以繼承
- a標簽的文字顏色和下劃線是不能繼承別人的
- h標簽的文字大小是不能繼承別人的,會變大,但是會在原來字體大小的基礎上變大
- 通?;诶^承性統(tǒng)一設置網(wǎng)頁的文字顏色,字體,文字大小等樣式
Ⅱ 層疊行
- CSS全稱:Cascading StyleSheet層疊樣式表,層疊性指的就是CSS處理沖突的一種能力,即如果有多個選擇器選中了同一個標簽那么會有覆蓋效果
- 層疊性只有在多個選擇器選中了同一個標簽,然后設置了相同的屬性,才會發(fā)生層疊性
Ⅲ 優(yōu)先級
- 當多個選擇器選中同一個標簽,并且給同一個標簽設置相同的屬性時,如何層疊就由優(yōu)先級來確定
- 整體優(yōu)先級從高到底:行內(nèi)樣式>嵌入樣式>外部樣式
- 行內(nèi)樣式并不推薦使用,所以我們以嵌入為例來介紹優(yōu)先級
- 大前提:直接選中 > 間接選中(即繼承而來的)
- 如果都是間接選中,那么誰離目標標簽比較近,就聽誰的
- 如果都是直接選中,并且都是同類型的選擇器,那么就是誰寫的在后面就聽誰的
- 如果都是直接選中,并且是不同類型的選擇器,那么就會按照選擇器的優(yōu)先級來層疊
- id > 類 > 標簽 > 通配符(也算直接選中) > 繼承 > 瀏覽器默認(即沒有設置任何屬性)
- 優(yōu)先級之!important
- 還有一種不講道理的!import方式來強制指定的屬性的優(yōu)先級提升為最高,但是不推薦使用。因為大量使用!import的代碼是無法維護的
- !important只能用于直接選中,不能用于間接選中
- !important只能用于提升被指定的屬性的優(yōu)先級,其他屬性的優(yōu)先級不會被提升
- !important必須寫在屬性值分號的前面
Ⅳ 優(yōu)先級之權重計算
- 如果都是直接選中,并且混雜了一系列其他的選擇器一起使用時,則需要通過計算機權重來判定優(yōu)先級
- 計算方式
- id數(shù)多的優(yōu)先級高
- id數(shù)相同,則判定類數(shù)多的優(yōu)先級高
- id數(shù)、class數(shù)均相同,則判定標簽數(shù)多的優(yōu)先級高
- 若id數(shù)、class數(shù)、標簽數(shù)均相同,則無需繼續(xù)往下計算了,誰寫在后面誰的優(yōu)先級高
總結
以上是生活随笔為你收集整理的css a标签去掉下划线_CSS -- 三大特性的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: a标签去掉下划线_html中a标签的一些
- 下一篇: flex 下对齐_CSS3中Flex弹性