小编s4n*_*nji的帖子

是否可以选择一个聚焦的元素,如:焦点或输入:焦点,但在另一个元素上,如div,li,span或其他？

如果不可能,如何用标签代替？我正在尝试修改li元素的高度,当它聚焦时,尝试使用a,但高度不会改变.

请求的信息:

"你能解释一下如何把重点放在LI身上？"

通过css选择器li:focus.请参阅https://jsfiddle.net/s4nji/Rjqy5/.

在我的最后一篇文章中,我问过如何使不可聚焦的元素成为css选择器的焦点.答案是使用tabindex.

现在我想要的是,当一个带有选择器的元素被聚焦(单击)时,选择器选择的另一个元素也会产生效果.这可能听起来很奇怪,但我很久以前就不小心做了,但我忘了怎么做.

这是jsfiddle的例子:http: //jsfiddle.net/s4nji/xa8j4/

在这个JSFiddle中,最后一个.tab类没有得到正确的border-radius效果(右上角的圆角).

我认为我的逻辑是正确:last-child的.tab,.tabbed在这种情况下选择最后一个.

我究竟做错了什么？

CSS:

body {
    background: black;
    color: white;
    padding: 5px; }

.tabbed {
    height: 550px;
}

.tabbed .tab {
    padding: 6px 14px;
    background: rgba(255,255,255,0.25);
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 0px;
    border-left-width: 0;
    float: left;
}

.tabbed .tab:first-child {
    border-radius: 3px 0 0 0;
    border-left-width: 1px;
}

.tabbed .tab:last-child {
    border-radius: 0 3px 0 0;
}

HTML:

<ul class='tabbed'>
    <li class='tab'>Menu 1</li>
    <li class='tab'>Menu 2</li>
    <li class='tab'>Menu …