我有一个多语言网站。
在网站的左侧有一个导航菜单。那里的物品漂浮在左边。但是列表中的1项（第二项）向左浮动太多。我尝试使用li:nth-child(2) psuedo选择来解决这个问题。这一切都很顺利。但是在其他页面（另一种语言）上，第二个项目并没有向右浮动太多。
问题：
在不使用内联css的情况下，是否有另一种方式在列表中仅设置1个元素？ （我无法访问html）。
.welcome80 .media-list .item-readmore {
margin-top: 12px;
font-size: 12px;
float: left;
}<li class="">
<a class="item-image" href="http://www.ace-fibreoptic.com/index.php/news.html#ericsson-toteutti-estwin-projektin-tkf-n-ace-konseptin-mukaisesti" title="">
<img src="http://www.ace-fibreoptic.com/media/catalog/product/cache/3/small_image/125x/9df78eab33525d08d6e5fb8d27136e95/e/s/estwin_630x316.jpg" alt="">
</a>
<h2 class="item-name"><a href="http://www.ace-fibreoptic.com/index.php/news.html#ericsson-toteutti-estwin-projektin-tkf-n-ace-konseptin-mukaisesti" title="Ericsson toteutti EstWin-projektin TKF:n ACE-konseptin mukaisesti">Ericsson toteutti EstWin-projektin TKF:n ACE-konseptin mukaisesti</a></h2>
<div class="item-desc">
<p>Viron EstWin-hankkeen tavoitteena on rakentaa optinen valokuituverkko kattamaan lähes koko Viro. Hankkeen urakoitsija Ericsson toteutti vuoden 2015 projektin TKF:n ACE-konseptin mukaisesti.</p>
</div>
<div class="item-readmore">
<a href="http://www.ace-fibreoptic.com/index.php/news.html#ericsson-toteutti-estwin-projektin-tkf-n-ace-konseptin-mukaisesti">Lue lisää... ></a>
</div>
</li>
屏幕截图示例：
https://i.gyazo.com/1bdbdc0831d970cbd4057170aa3d1339.png
正如你所看到的那样，第二个项目向左浮动太多了。
答案 0 :(得分：1)
通过阅读评论，似乎HTML之间不会发生任何变化，这使得CSS无法完成这项任务。
我建议使用jQuery从你的根元素中获取'lang'属性的值，因为你已经提到过做更改。
<强> jQuery的：
$( 'html:first' ).attr( 'lang' )
这将返回所说的“lang”值，您可以使用该值来检查页面是否为英文。然后，您将使用.addClass()方法将具有特定样式的类添加到有问题的元素中。
参考文献：
希望这一切都有帮助。如果您需要有关脚本的更多帮助。请告诉我。
修改
回答时问题并不是很明确，所以这个解决方案不是解决这种情况的最佳方法。 可能将来对某人有用，所以我会留下它。
答案 1 :(得分：1)
将两个div - item-desc和item-readmore换成另一个div并应用overflow-hidden
.welcome80 .media-list .item-readmore {
margin-top: 12px;
font-size: 12px;
float: left;
}
.item-text{
overflow: hidden;
}<li class="">
<a class="item-image" href="http://www.ace-fibreoptic.com/index.php/news.html#ericsson-toteutti-estwin-projektin-tkf-n-ace-konseptin-mukaisesti" title="">
<img src="http://www.ace-fibreoptic.com/media/catalog/product/cache/3/small_image/125x/9df78eab33525d08d6e5fb8d27136e95/e/s/estwin_630x316.jpg" alt="">
</a>
<h2 class="item-name"><a href="http://www.ace-fibreoptic.com/index.php/news.html#ericsson-toteutti-estwin-projektin-tkf-n-ace-konseptin-mukaisesti" title="Ericsson toteutti EstWin-projektin TKF:n ACE-konseptin mukaisesti">Ericsson toteutti EstWin-projektin TKF:n ACE-konseptin mukaisesti</a></h2>
<div class="item-text">
<div class="item-desc">
<p>Viron EstWin-hankkeen tavoitteena on rakentaa optinen valokuituverkko kattamaan lähes koko Viro. Hankkeen urakoitsija Ericsson toteutti vuoden 2015 projektin TKF:n ACE-konseptin mukaisesti.</p> </div>
<div class="item-readmore">
<a href="http://www.ace-fibreoptic.com/index.php/news.html#ericsson-toteutti-estwin-projektin-tkf-n-ace-konseptin-mukaisesti">Lue lisää... ></a>
</div>
</div>
</li>
答案 2 :(得分：0)
您的屏幕截图告诉我您的图像正在浮动，因此文本会在下面。
您可以使用缓冲区来保留内容并将其设置为overflow：hidden。
编辑：这是我在英语中找到的关于您的麻烦的最明确的解释：http://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/
请参阅下面的演示，添加背景以查看元素的位置：
.welcome80 .media-list .item-readmore {
margin-top: 12px;
font-size: 12px;
float: left;
}
.item-image {
float: left;
margin: 1em;
}
/* fix */
.buffer {
overflow:hidden;
}
/* let's see */
* {
background:rgba(0,0,0,0.1);<li class="">
<a class="item-image" href="http://www.ace-fibreoptic.com/index.php/news.html#ericsson-toteutti-estwin-projektin-tkf-n-ace-konseptin-mukaisesti" title="">
<img src="http://www.ace-fibreoptic.com/media/catalog/product/cache/3/small_image/125x/9df78eab33525d08d6e5fb8d27136e95/e/s/estwin_630x316.jpg" alt="">
</a>
<h2 class="item-name"><a href="http://www.ace-fibreoptic.com/index.php/news.html#ericsson-toteutti-estwin-projektin-tkf-n-ace-konseptin-mukaisesti" title="Ericsson toteutti EstWin-projektin TKF:n ACE-konseptin mukaisesti">Ericsson toteutti EstWin-projektin TKF:n ACE-konseptin mukaisesti</a></h2>
<div class="item-desc">
<p>Viron EstWin-hankkeen tavoitteena on rakentaa optinen valokuituverkko kattamaan lähes koko Viro. Hankkeen urakoitsija Ericsson toteutti vuoden 2015 projektin TKF:n ACE-konseptin mukaisesti.</p>
<p>Viron EstWin-hankkeen tavoitteena on rakentaa optinen valokuituverkko kattamaan lähes koko Viro. Hankkeen urakoitsija Ericsson toteutti vuoden 2015 projektin TKF:n ACE-konseptin mukaisesti.</p>
</div>
<div class="item-readmore">
<a href="http://www.ace-fibreoptic.com/index.php/news.html#ericsson-toteutti-estwin-projektin-tkf-n-ace-konseptin-mukaisesti">Lue lisää... ></a>
</div>
</li>
<li class="">
<a class="item-image" href="http://www.ace-fibreoptic.com/index.php/news.html#ericsson-toteutti-estwin-projektin-tkf-n-ace-konseptin-mukaisesti" title="">
<img src="http://www.ace-fibreoptic.com/media/catalog/product/cache/3/small_image/125x/9df78eab33525d08d6e5fb8d27136e95/e/s/estwin_630x316.jpg" alt="">
</a>
<div class="buffer">
<h2 class="item-name"><a href="http://www.ace-fibreoptic.com/index.php/news.html#ericsson-toteutti-estwin-projektin-tkf-n-ace-konseptin-mukaisesti" title="Ericsson toteutti EstWin-projektin TKF:n ACE-konseptin mukaisesti">FIX ME <br/>HERE</a></h2>
<div class="item-desc">
<p>Viron EstWin-hankkeen tavoitteena on rakentaa optinen valokuituverkko kattamaan lähes koko Viro. Hankkeen urakoitsija Ericsson toteutti vuoden 2015 projektin TKF:n ACE-konseptin mukaisesti.</p>
<p>Viron EstWin-hankkeen tavoitteena on rakentaa optinen valokuituverkko kattamaan lähes koko Viro. Hankkeen urakoitsija Ericsson toteutti vuoden 2015 projektin TKF:n ACE-konseptin mukaisesti.</p>
</div>
<div class="item-readmore">
<a href="http://www.ace-fibreoptic.com/index.php/news.html#ericsson-toteutti-estwin-projektin-tkf-n-ace-konseptin-mukaisesti">Lue lisää... ></a>
</div>
</div>
</li>
答案 3 :(得分：0)
列表的父类和：nth-child（）选择器将起作用。
答案 4 :(得分：-2)
通过解决方法计算出来。我制作的容器链接存放的位置要大一些（增加宽度）。现在他们表现得像预期的那样。