類選擇器和所作用的標籤一起寫為什麼不起作用?

2021-07-16 04:26:34 字數 577 閱讀 8573

css樣式:

這不是將樣式作用於circle類下的有current類的li標籤嗎?為什麼不起作用?

原因:

選擇器理解錯誤!

一般常用的選擇器有標籤選擇器,類選擇器,id選擇器,後代選擇器等等。

對於後代選擇器的格式是:外層選擇器 內層選擇器

中間是以空格間隔的,意思是將樣式作用於某個元素後代的元素。

在本例當中,當寫css樣式時,我們其實想要的結果是選擇符合類current的元素,而這裡的寫法卻是後代選擇器,意思是選擇li元素的子元素當中被類current宣告的,這是不存在的,當然也就無法起作用了。

只要取消li和.current中間的空格即可。

a標籤的偽類選擇器

什麼是a 標籤的偽類選擇器?a標籤的偽類選擇器是專門用來修改a 標籤不同狀態的樣式的 a link a visited a hover a active 1.通過我們的觀察發現a標籤存在一定的狀態 1.1預設狀態,從未被訪問過 1.2被訪問過的狀態 1.3滑鼠長按狀態 1.4滑鼠懸停在a標籤上狀態 ...

css的類選擇器 和id選擇器

css 語法由三部分構成 選擇器 屬性和值 selector選擇器 selector 通常是你希望定義的 html 元素或標籤,屬性 property 是你希望改變的屬性,並且每個屬性都有乙個值。屬性和值被冒號分開,並由花括號包圍,這樣就組成了乙個完整的樣式宣告 declaration body上面...

CSS的選擇器 2 2 id選擇器和類選擇器

1.什麼是id選擇器 id是指我們可以在html標籤上設定乙個id屬性值 id屬性的特點是乙個html文件中,是 唯一 的,不能重複 格式為 id 含義 可以選中頁面中含有id屬性的值的元素,從而給其增加樣式 例如華為5g技術 注意 命名id時,即屬性的寫法 id名中間不能有空格,否則,是乙個非法的...