为什么当我有3个独立的段落,每一个匹配的单词作为他们的类属性的一部分,做他们都得到样式即使我没有部分属性...比如选择同我有4个段落,3类1)垫,2)垫BDR,3)垫BDR MGN,然而下面的代码不包含任何〜或者| 由部分属性,但低于款式所有3款每一行代码,尽管不包含正确的类名称选择?
p.pad {padding: 1em}
p.bdr {border: 0.5em solid red}
p.mgn {margin: 2em}
为什么当我有3个独立的段落,每一个匹配的单词作为他们的类属性的一部分,做他们都得到样式即使我没有部分属性...比如选择同我有4个段落,3类1)垫,2)垫BDR,3)垫BDR MGN,然而下面的代码不包含任何〜或者| 由部分属性,但低于款式所有3款每一行代码,尽管不包含正确的类名称选择?
p.pad {padding: 1em}
p.bdr {border: 0.5em solid red}
p.mgn {margin: 2em}
在选择文件说,以评论留下回复:.classes方法: http://www.w3.org/TR/CSS2/selector.html#pattern-matching
我测试提供一组p标签的CSS并没有得到奇怪的结果: http://jsfiddle.net/Roralee/Taejc/1/
.pad {padding: 1em}
.bdr {border: 0.5em solid red}
.mgn {margin: 2em}
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam volutpat euismod aliquet. Phasellus porttitor gravida viverra. Sed at mauris faucibus, lobortis leo et, rhoncus velit. Duis varius turpis sed sollicitudin eleifend. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec mollis sapien a luctus convallis. Integer tincidunt posuere neque, congue congue lacus accumsan sed. Maecenas tempus massa eget vestibulum lacinia.</p>
<p class="pad">Aliquam erat volutpat. Nullam accumsan ipsum ut dui vulputate, eget congue elit mattis. Sed quis elit odio. Quisque blandit accumsan iaculis. Fusce et est id quam ultrices hendrerit. Etiam placerat posuere sem. Phasellus blandit, orci eget adipiscing commodo, erat quam vulputate metus, tristique auctor lectus nunc id nunc.</p>
<p class="pad bdr">Sed id semper nunc. Sed hendrerit augue magna, at aliquam nunc mollis id. Vivamus vitae neque id mi luctus ultricies. Donec id turpis lacus. Curabitur eu tincidunt est. Sed auctor suscipit accumsan. Donec lorem felis, porta at odio malesuada, rutrum congue erat. Morbi dui odio, aliquet eget vehicula at, porta blandit nulla.</p>
<p class="pad bdr mgn">Fusce facilisis urna sit amet malesuada adipiscing. Quisque pulvinar erat nec velit pulvinar varius. Nullam porta turpis ut tellus dignissim, sed pretium enim sollicitudin. Donec tincidunt, erat in volutpat vehicula, arcu nulla pellentesque felis, vitae ultrices mi erat et augue. Sed condimentum tempus tellus, at porta lorem pellentesque gravida. Nullam consectetur augue odio, blandit pellentesque elit varius eget.</p>
如果有什么周围已经提供了相关的HTML这将是有益的。