css怎么设置前3个字加粗

html-css07

css怎么设置前3个字加粗,第1张

举个例子:

比如都在一个标签里

<div class="test">

<p><span>这里是</span>文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容</p>

<p><span>这里是</span>文字内容文字内容文字内容文字内容文字内</p>

<p><span>这里是</span>文字内容文字内容文字内容文字内容文字内</p>

</div>

css:

.test p span{font-weight:bold}

这一个样式就可以了

如果在多个标签里

<div class="test">

<p><span class="fb">这里是</span>文字内容文字内容文字内容文字内容文字内</p>

<p><span class="fb">这里是</span>文字内容文字内容文字内容文字内容文字内</p>

<ul>

<li><span class="fb">这里是</span>文字内容文字内容文字内容</li>

<li><span class="fb">这里是</span>文字内容文字内容文字内容</li>

</ul>

</div>

css:

.fb{font-weight:bold}

这个就是你那儿要加粗,在那调用就行,挺方便,这个方法在上面也适用

提一下,上面我用的span也可以替换成别的标签,如strong等,我只举个例子,你用的时候自己选择就行

1、标签选择器

p{color:red}

什么是标签选择器?

根据指定标签名称,在当前界面中找到所有该名称的标签,并设置属性

注意点:

标签选择器选中的是当前界面所有同名标签,不能单独选中

只要是HTML中的标签都可以作为标签选择器

2、id选择器

#id{color:red}

什么是id选择器?

根据指定标签的id,在当前界面中找到该id的标签,并设置属性

注意点:

每个HTML标签都有id属性

同一个界面中id是唯一的,不能重复

编写id选择器必须要在id前面加上一个#号

id的名称有一定的规范,只能由字母数字和下划线组成

id的名称不能够以数字开头

id的名称不能与HTML标签同名

如果仅仅是为了设置样式,我们不会使用id,因为前段开发中id是留给js使用的

3、类选择器

.class{color:red}

什么是类选择器?

根据指定标签的类,在当前界面中找到该类的标签,并设置属性

注意点

每个HTML标签都有class属性

同一个界面中class属性是可以重复

编写class选择器必须要在class名称前面加上一个.号

class的名称有一定的规范,只能由字母数字和下划线组成

class的名称不能够以数字开头

class的名称不能与HTML标签同名

class就是专门给某一类标签设置样式的

一个标签可以同时绑定多个class属性

<p class="p1 p2 p3">Test paragraph</p>,这样就绑定了三个类属性

类选择器实践,通过对不同类的组合来实现不同的效果

让前三条新闻实现红色单纯做css的话很容易,写个.red{color:#FF0000}类就可以,然后赋给3条新闻。

但是一般在做网站中,调用新闻一般是用程序读取数据库直接循环出来的。

在程序中加上以下内容一般即可解决

i=1

i++

if i <= 3 then

listyle=" class='red' "

end if

然后在<li listyle>即可,不同语音你不同用法,但是大概是相通的。