css 样式用法的累积

当前位置 : 首页 > 网页制作 > CSS > css 样式用法的累积

css 样式用法的累积

来源: 作者: 时间:2016-01-23 10:51
我们直接看例子然后在来解释用法。input[type= checkbox ] 43;p:before{content: 台词: ;}我是唐老鸭。我住在 Duckburg。注释:对于在 IE8 中工作的 :before,必须声明 DOCTYPE。

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









我是唐老鸭。


我住在 Duckburg。



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




页面效果显示如下:

\

我们来解释一下下面这个css写法的用途<喎"http://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+aW5wdXRbdHlwZT0="checkbox"]+p:before{
content:"台词:";
}

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

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


第二个例子




看样式写法。

.dataTables_wrapper .row:first-child {
padding: 12px 0px 4px;
margin: 0px 0px;
background-color: #eff3f8;
}
这个样式只会对第一个th 起作用,第二个th是不起作用的,同时 最后一个可以这样写.dataTables_wrapper .row:last-child

第三个例子。

用css样式画一个圆

div
{
background-color: #000;
color: #fff;
border: 2px solid #fff;
border-radius: 32px;
height: 24px;
width: 24px;
}






Tag:
网友评论

<