CSS中的条件if / then查询

时间:2016-07-07 18:47:08

标签: css conditional

如何为CSS编写条件语句?

我已经看过来自

的所有类型的信息
if {...]
@when

以及@media

当我在较小的屏幕上查看我的网站时,我想编写社交(三级)按钮的代码,以便移动到页面的中间位置。我目前有两排菜单按钮用于较小的屏幕,使社交按钮消失。我一直在阅读各种类型的语法,但我不知道如何形成这个。

由于

1 个答案:

答案 0 :(得分:0)

CSS中没有其他内容。如果您使用的是Blogger。如果我想在移动屏幕上显示某些内容,我会将这段代码添加到我的css中:

connectionString = string.Format("Provider=IBMDADB2;
                    Database={0};Hostname={1};
                    Protocol=TCPIP;Port={2};
                    Uid ={3};Pwd={4};", 
                    database, host, port, login, password);
  

这意味着屏幕小于479像素。您可以添加@media only screen and (min-width: 480px) and (max-width : 1600px) { .tertiary-menu { display:none; } } @media only screen and (max-width : 479px) { .tertiary-menu { display:block; } } 以设置元素显示时的最小和最大范围。

如果您想点击某些内容来显示菜单,我恐怕您必须使用Javascript。如果您可以在此处查看搜索栏,可以使用CSS显示菜单:eatingisliving.com。它使用CSS来扩展搜索栏。调整屏幕大小时,某些项目也会消失。要使用CSS显示其他元素,您可以使用and (min-width: <size>px;).secondary-menu:hover ~ .tertiary-menu { }之类的内容,但它仅限于兄弟元素或子元素。只有父元素或目标元素之前的兄弟元素才能触发它。

如果您可以提供您的代码和更多详细信息。我可以帮你解决它。