2012-10-29 76 views
0

我开始用prestashop制作一个在线购物网站。在我的产品列表页面上,我想让用户选择gridview列号为3或4.我应该使用css switch方法吗?还是有另一种方法?用户如何选择CSS样式?

+0

我不知道什么是CSS开关方法,但如果你的意思是“我应该改变使用JavaScript的样式”,是的,这是一个好主意。 –

+0

我不认为有人能够帮助你,因为你甚至没有试图为此做点什么。如果我错了,请包括你的努力的一些代码。 – memosdp

回答

0

我会根据他们的设置添加一个类到身体。然后,您可以通过这个类分离规则,通过什么是共同的他们两个

HTML

... 
<body class="columns-3"> 
<!-- change the class using javascript, or php session for example --> 
... 

CSS

.col{ 
    /* rules for `.col` common to both */ 
} 

.column-3 .col{ 
    /* rules for `.col` when in three column mode */ 
} 

.column-4 .col{ 
    /* rules for `.col` when in four column mode */ 
} 
0

你可以做比利月亮提到,并使用jQuery执行开关,如$("body").addClass("column-4");