如何为CSS编写条件语句?
我已经看过来自
的所有类型的信息if {...]
@when
以及@media
。
当我在较小的屏幕上查看我的网站时,我想编写社交(三级)按钮的代码,以便移动到页面的中间位置。我目前有两排菜单按钮用于较小的屏幕,使社交按钮消失。我一直在阅读各种类型的语法,但我不知道如何形成这个。
由于
答案 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 { }
之类的内容,但它仅限于兄弟元素或子元素。只有父元素或目标元素之前的兄弟元素才能触发它。
如果您可以提供您的代码和更多详细信息。我可以帮你解决它。