引用具有值mytext </p>的name属性的<p>元素

时间:2013-04-16 04:00:56

标签: css css-selectors

所以这就是我的书所说的:

对于CSS:

p[name^=”my”] { color: #ff0000 }
p[name$=”my”] { color: #00ff00 }
p[name*=”my”] { color: #0000ff }

这就是我的html所说的:

<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="stylesheet.css">
<head>
</head>
<body>
<p class="my1111">first</p>
<p class="11my11">second</p>
<p class="1111my">third</p>
</body>
</html>

不应该先是红色,第二个是绿色,第三个是蓝色吗?我甚至尝试添加p {color:#000000;}作为css中的第一行而没有结果。在此先感谢:)

1 个答案:

答案 0 :(得分:2)

查看我的fiddle

p[class^="my"] { color: #ff0000 }
p[class$="my"] { color: #00ff00 }
p[class="11my11"] { color: #0000ff }

注意:您也有”my”应该是"my"

的报价