是否可以使用CSS对文本框焦点事件中的其他元素的属性进行更改？

Question

我想这样做以显示文本框焦点上的工具提示

#tooltip
{
    display:none;
    height:50px;
    width:50px;    
    background-color:red;   
}

#tb1:focus #tooltip
{
   display:block;
}

<input type="text" id="tb1">
<span id="tooltip">Enter Data</span>

但它没有工作!!!

Answer 1

使用相邻选择器(+)修改显示元素属性

#tooltip
{
    display:none;
    height:50px;
    width:50px;    
    background-color:red;   
}

#tb1:focus + #tooltip
{
   display:block;
}

<input type="text" id="tb1">
<span id="tooltip">Enter Data</span>