css 选择器 从第三个开始计数怎么写?

html-css014

css 选择器 从第三个开始计数怎么写?,第1张

<style type="text/css">

li:nth-child(n+3){color:red}

</style>

<ul>

<li>第一行</li>

<li>第二行</li>

<li>第三行</li>

<li>第四行</li>

<li>第五行</li>

<li>第六行</li>

</ul>

CSS对元素内的内容做字数限制,可以利用css的overflow: hidden属性解决了这个问题。

例子:li {width:80pxheight:30pxline-height:30pxoverflow:hidden}

说明:设置li的宽度和高度,超出部分就会被隐藏。

overflow:hidden这个属性的作用是隐藏溢出。

1、首先准备一个空的HTML5结构,如下图所示,然后在body中添加两个h标签,如下图所示。

2、然后在style标签下书写CSS样式,给h标签的伪元素添加content内容。

3、除了可以运用content添加纯文本内容外,也可以运用它添加文字符号,如下图所示,先定义符号,然后添加符号。

4、接下来就是运用content属性添加图片了,这也是比较常用的功能,如下图所示。

5、最后,来看一下运用content的counter属性来给指定的元素进行计数,如下图所示,h1标签会被添加上序号。