類選擇器和所作用的標籤一起寫為什麼不起作用？
HTML程式碼：
css樣式：
這不是將樣式作用於circle類下的有current類的li標籤嗎？為什麼不起作用？
原因：
選擇器理解錯誤！
一般常用的選擇器有標籤選擇器，類選擇器，ID選擇器，後代選擇器等等。
對於後代選擇器的格式是：外層選擇器 內層選擇器 { 屬性：值; }
中間是以空格間隔的，意思是將樣式作用於某個元素後代的元素。
在本例當中，當寫CSS樣式時，我們其實想要的結果是選擇符合類current的元素，而這裡的寫法卻是後代選擇器，意思是選擇li元素的子元素當中被類current宣告的，這是不存在的，當然也就無法起作用了。
只要取消li和.current中間的空格即可。
相關推薦
類選擇器和所作用的標籤一起寫為什麼不起作用？
HTML程式碼： css樣式： 這不是將樣式作用於circle類下的有current類的li標籤嗎？為什麼不起作用？ 原因： 選擇器理解錯誤！ 一般常用的選擇器有標籤選擇器，類選擇器，ID
CSS子類選擇器和後代選擇器的區別
一.介紹 1.子類選擇器 子類選擇器僅僅指的是父元素的直接後代，大家可以理解為僅作用於第一代子元素，通過“>”進行選擇。 2.後代選擇器 後代選擇器則指的是作用於所有後代元素，通過空格來進行選擇。 話不多說，接下來通過程式碼給大家演示。
css中類選擇器和元素選擇器聯合使用分析
<html> <head> <style type="text/css"> .bb p { color:red;
類選擇器和ID選擇器
什麼是選擇器？ 每一條css樣式宣告（定義）由兩部分組成，形式如下： 選擇器{樣式;} 在{}之前的部分就是“選擇器”，“選擇器”指明瞭{}中的“樣式”的作用物件，也就是“樣式”作用於網頁中的哪些元素
CSS偽類選擇器和CSS常用屬性
1:CSS偽類選擇器 1) 四種狀態: link:未訪問過的狀態 hover: 滑鼠停留在上面的狀態 active: 滑鼠點選時的狀態 visited: 訪問過後的狀態 2) 順序: 如果想讓四種狀態一直可以使用,必須按照link visited hover
如何使用CSS3中的結構偽類選擇器和偽元素選擇器
結構偽類選擇器介紹 結構偽類選擇器是用來處理一些特殊的效果。 結構偽類選擇器屬性說明表 屬性 描述 E:first-child 匹配E元素的第一個子元素。 E:last-child 匹配E元素的最後一個子元素。 E:nth-child(n) 匹配E元素的第n個子元素。 E:nth
Eclipse中@Data標籤get/set不起作用
@Data這個註解來自於 lombok，lombok 能夠減少大量的模板程式碼 例如在Student類中，無需設定基本的get set方法，就可通過註解直接引用 下載完lombok相關jar包後 配置過程如果未在eclipse目錄下的eclipse.ini檔案中設定
[html5入門-2]html5選擇器之標籤選擇器，id選擇器和類選擇器
標籤選擇器，id選擇器和類選擇器為html5三種常用的選擇器 一.標籤選擇器 語法： 標籤名{ css樣式1； css樣式2； ...... } 舉例說明，使用標籤選擇器建立分別建立一個div標籤和一個p標籤，程式碼如下： <!DOCTYPE html> &l
偽類選擇器:first-child和:nth-child()和:first-of-type
head true http doctype 段落 元素 選擇 ont span x:first-child和x:nth-child(1)功能一樣，首先選中的是x元素，並且x元素必須是它父元素的第一個子元素，選擇器才成立，否則不能選中。其中x也可以是選擇器。由此看出nth-
關於偽類選擇器中一個冒號和兩個冒號的區別
fault 兼容 content 中一 radi view get top AD 只要兼容現代瀏覽器如 webkit、firefox、opera等瀏覽器，對於偽元素采用雙冒號的寫法，要是非要兼容IE瀏覽器，用CSS2的單冒號寫法比較安全。 首先，閱讀 w3c 對兩者的定義：
CSS偽類選擇器nth-child 和nth-of-type
首先要說明的一點是：css中的偽類選擇器還是少用為妙，複雜的css選擇器（層級關係較深，偽類等）的效能並不好，主要應該影響的還是瀏覽器渲染時候的迴流（reflow）和重繪（repain）的等的效能（個人理解）。 然後要講正題啦！ nth-of-type和nth-child這兩個選
前端網頁學習day46(組合選擇器 屬性選擇器 盒模型 a標籤,img標籤,list標籤 偽類選擇器)
前端網頁學習(html) DAY46 今日內容: css組合選擇器 屬性選擇器 盒模型 盒模型佈局 a標籤、img、list標籤 偽類選擇器 css組合選擇器 特性: 每個選擇器位可以為任意基本選擇器或選擇器組合 群組選擇器:可以控制多個 div, .s,
CSS 選擇器中，元素選擇器和類選擇器的區別是什麼？
元素選擇器是最常見的 CSS 選擇器，即，文件的元素就是最基本的選擇器。選擇器通常是某個 HTML 元素，比如<p>、<h1>、<em>、<a>等，甚至可以是<html>元素本身。 類選擇器用於將樣式
html css層疊樣式基礎（後代和子代元素選擇器，偽類選擇器）（四）
1.後代和子代元素選擇器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <t
css學習——標籤選擇器，id選擇器，類選擇器，後代選擇器
1.標籤選擇器：根據指定的標籤名稱，在當前介面中找到所有該名稱的標籤，然後設定屬性 格式：標籤名稱 { 屬性名稱：屬性值 } 注意點：標籤選擇器選中的是當前頁面所有的該名稱的標籤 2.id選擇
css id選擇器和類選擇器使用雜談
以下來自廣大網友的觀點，我也覺得有道理 其實自己一直糾結這個問題，現在可以不糾結了 1.結果沒有區別，形式上有區別，建議用class ，如果你好幾個模組都是一樣的css，用id就不合適了 2.js的時候document.getelementbyid('')時就會體現出來。
CSS3偽類選擇器nth-child和nth-of-type淺析
1. nth-child 定義和用法 :nth-child(n) 選擇器匹配屬於其父元素的第 n 個子元素，不論元素的型別。n 可以是數字、關鍵詞或公式。 ① n為數字時，n為大於0的整數
選擇器(標籤選擇器、類選擇器、ID選擇器)
標題 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/l
css各種選擇器，元素標籤選擇器，類選擇器，id選擇器，選擇器的組合
3 元素（標籤）選擇器： 格式 標籤名（html元素）{ /*CSS樣式程式碼*/ } 使用範圍，是將同樣的樣式，作用在多個同名的標籤上。 4 類選擇器： <span>我是紅色</
HTML/CSS: 淺談標籤及偽類選擇器
1.基礎知識 “超連結可以是一個字，一個詞，或者一組詞，也可以是一幅影象，您可以點選這些內容來跳轉到新的文件或者當前文件中的某個部分。” —HTML連結 而對於超文字，簡單的說便是通過一個特定的識別符號，定位到文字所在的地方，然後將其連結到本頁面中。