第二段字體顏色
p?span{color:purple;}在加入p span{color:purple;}權重為2，p{color:red;}權重為1，為什么第二段字體顏色還是red？
frsec
2016-12-13
4 回答
舉報
0/150
提交
取消
2016-12-19
p span{ color:purple} 和p>span{color:purple}是兩個不同的意思，但是他們的權值都是2。
p span {}表示后代選擇器 而 p>span {}表示子代選擇器
在這里的練習時顯示的效果是一樣的，但是意思有所不同
2016-12-13
p span{color:purple;} ? ?p span是p>span的縮寫，只是對p中的子標簽span起作用，p{color:red;} p標簽的css樣式才能對p起作用，所以顯示的只是red，你添加一個span{color:red;}試試，肯定span中的文字顯示成purple色,red不起作用，符合權重的規律。
我測試了是對的：
<!DOCTYPE?HTML> <html> ????<head> ????????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> ????????<title>制作我的第一個網頁</title> ????????<style> ????????????p?span{color:purple;} ????????????span{color:red;} ????????</style> ????</head> ????<body> ????????<h1>Hello?World</h1> ????????<p>sdfsadfasfasfa<span>sfasasa</span>fadfasfaf</p> ????????<p>sdfasdfasdfadf</p> ????</body> </html>2016-12-13
就近原則怎么說
2016-12-13
這里沒有什么權重這一說法，只滿足就近原則。