2016-09-22 137 views
-2

我有一個有趣的CSS選擇器的位置:有趣的CSS選擇器

.gridcell[id="danger"] { 
    color: red; 
} 

我認爲應該風格以下部分段落元素:

<div class="gridcell" id="danger"> 
    <p>fort_sumter</p> // this would be styled 
</div> 

但是沒有在所有風格。據我的理解,選擇器中的[]意味着它正在gridcell中搜索具有危險id的東西,這將是p元素,但它不起作用。任何關於正確的HTML部分的想法,將與這個CSS塊的樣式?

感謝,

brld

編輯:修正了在那裏從原子上的怪異的報價。

+4

你的報價*真的很奇怪......應該真的檢查你的報價。這是固定的:https:// jsfiddle。net/vea0kz00/1/ – Li357

+0

您可以使用散列來代替:'#danger {color:red}' – AndreFeijo

+0

使用'#危險'按ID選擇,'.gridcell'按類選擇。通過附加組合,'#danger.gridcell' – pol

回答

1

你有一些奇怪的Unicode報價,特別是代碼點8221「右雙引號」。它應該是代碼點34「引號」。

試着找出兩者之間的區別:U + 8221: U + 34 "

這可以通過一些有趣的系統鍵盤設置造成的,或者如果你寫的CSS在文本處理應用程序(如微軟的Word,LibreOffice的作家,谷歌文檔等)

隨着重複其他答案的風險在CSS的ID選擇的正規途徑是使用#性格,其次是ID要匹配:

.gridcell#danger 

作爲一個文體的音符,因爲ID都是唯一的,可以考慮使用更描述性名稱或切換到 一類。

0

格式錯誤。 小心你使用的字符。相反變化的」這是雙引號字符「你必須使用。

.gridcell[id=」danger」] { 
    color: red; 
} 

.gridcell[id="danger"] { 
    color: red; 
} 
0

好像你的選擇是使用不正確類型的雙引號的。正你在Mac電腦上用富文本格式編輯你的代碼?你的報價應該是筆直的,而不是捲曲。

另外,你對寫這個選擇器的方式有些誤解。要選擇通過其類和ID的那款你可以這樣寫:

.gridcell#danger { 
    color: red; 
} 
0

您只能使用.div類對象或#div到ID對象,如果你需要選擇兄弟要素可以使用

.class #id{  
    /* style */ 
}