CSS显示无/块 - 页面打开时具有特定的DIV

Question

我希望在不使用纯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';}

Answer 1

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

.expand#english { display:block; }