css 样式用法的累积_html/css_WEB-ITnose

我们直接看例子然后在来解释用法。

我是唐老鸭。

我住在 Duckburg。

注释：对于在 IE8 中工作的 :before，必须声明 DOCTYPE。

页面效果显示如下：

我们来解释一下下面这个css写法的用途

input[type="checkbox"]+p:before{
content:"台词：";
}   

它只会在checkbox 紧接着的第一个标签为p的段落加上“台词” 这两个字

这里有个 +  和：before的用法，+ 这里理解为and的意思，即input[type="checkbox"] 且 第一个p 才会加上样式