CSS Display none/block - 页面打开时有特定的 DIV答案

【问题标题】：CSS Display none/block - have specific DIV when page opensCSS Display none/block - 页面打开时有特定的 DIV
【发布时间】：2018-05-25 09:36:48
【问题描述】：

我想在不重新加载纯 CSS 的情况下更改页面语言。我有一些代码在点击时可以按需要工作 - 但在第一页加载时没有显示 DIV。

我使用简单的代码：

.expand {
  display: none;
}

.expand:target {
  display: block;
}

如何编写代码以显示页面加载时显示一个 DIV？

这是我目前的 jsfiddle：

https://jsfiddle.net/yello/vhx92gbj/

理想情况下，我希望在第一页加载时显示浏览器语言。

经过大量阅读，这对我来说是我想要的方式：

1.) 在第一页加载时显示语言 A 2.) 用户无需重新加载即可切换到语言 B

https://jsfiddle.net/yello/68nbryr1/

我会尽快尝试浏览器语言检测，我的想法是：

$lang = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'], 0, 2);

// output> en | de | fr etc

if($lang == 'de'){$deSite = 'default-tab';}
ELSE
{$enSite = 'default-tab';}

【问题讨论】：

Default :target with CSS的可能重复
CSS 做不到，需要编写脚本。
具体要求是什么？什么时候应该隐藏 .expand div？我的意思是，.expand div 应该在它被定位时显示，但在它没有被定位时也应该在初始页面加载时显示？
如果您的意思是所有 .expand div 都应该在没有 :target 时显示，这是 Is it possible to target “no target” in CSS? 的副本。
当页面加载时应该显示一个 DIV。目标：提供不同的语言，目前根本没有显示任何语言。我更喜欢显示英语，然后用户可以单击标志切换到德语或法语。 Bhuwan 的帖子已经给了我一些想法，当然也很有帮助。今晚需要仔细看看。

标签： css

【解决方案1】：

是的，这是可能的。如果您想在页面加载时显示英语。你只需要在css下面写。

.expand#english { display:block; }

【讨论】：

english 在页面加载时显示，但在单击其他语言时不会隐藏。