css定义最后一行的样式

html-css0104

css定义最后一行的样式,第1张

你说的不使用jquery的话，那么javascript能用的不？

如果js都不能用的话，那么一般css是无法实现这个效果的。

但是css3是可以的，不过只有支持css3的浏览器才支持。

table tr:last-child{......}

你可以用这个选择来选择最后一行。

但是注意，只有支持css3的浏览器才可以哦！

这里分享下在css中为字符串中的每一行设置样式的方法。

操作设备：联想电脑

操作系统：win10

代码编辑器：zend studio 10.0

1、首先新建一个html文件，命名为test.html，在test.html文件内，使用p标签创建一行字符，用于测试。

2、在test.html文件内，给p标签添加一个class属性，用于样式的设置。

3、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。

4、在css标签内，通过class属性和“:first-letter”选择第一个字符，使用color属性设置它为红色。

5、最后在浏览器打开test.html文件，查看实现的效果。

这种情况可以一般是一个p标签是一个段落。因此将不同的内容分入多个标签p内。

<style type="text/css">

.text-l{text-align:left}

.text-c{text-align:center}

.text-r{text-align:right}

</style>

<p class="text-l"></p>

<p clsss="text-c"></p>

<p class="text-r"></p>

这样所有想内容左对齐的都使用text-l类。再有一个就是使用css样式内的p:last来定义。但是这个具有兼容性问题，使用上面比较保守一些