如何在LessCSS中动态设置CSS类名

html-css013

如何在LessCSS中动态设置CSS类名,第1张

一行有四个标签时,给它设置一个类名,style_4,三个时,设置类名style_3。

PS:其实我不知道你是什么的布局,按照你描述的需求,我个人觉得一般每行放几个标签,是根据浏览器的分辨率来分的。比如我把标签设置成220像素宽,浏览器一行是1000像素,放四个刚刚好,那么就放四个;浏览器是800像素,只能放三个,那么就放三个。我觉得每个标签应该设置成一样的,而不是先放了几个,再设置标签的宽度。就是说先有了标签宽度,再确定一行放几个,而非一行放了几个了再确定宽度。

1、首先找到需要修改的css文件

2、然后双击打开

如果你没有安装相应的代码编辑器,那只能使用记事本打开了,没有语法高亮和代码提示。

3、这里我们使用Sublime Text这款代码编辑器进行编辑。

4、我们可以看见,css文件的规则是,选择器{属性名:属性值}的形式,下面我们增加一个img的样式

选择器是img,样式是width: 100px;