他の要素のプロパティに基づいて要素のスタイルを変更

Question

[attribute=value]を学習しただけで、それ自体のスタイルは自身のという属性値に基づいて変更されました。

に基づいて要素のスタイルを変更したい場合は、要素の属性値を変更します。 aのhrefが空白の場合のように、その後divを非表示にする必要があります。

a[href=""] then div 
{ 
    display:none 
} 

Answer 1

これはあまりにもhref属性を持つことも可能であるなどの

何か。内側<div>と

例：<div>以下と

a[href=""] div { 
 
    display:none; 
 
}

<a href=""> 
 
    <div>This is not visible!</div> 
 
</a>

例：

a[href=""] + div { 
 
    display:none; 
 
}

<a href="">This link should hide the following div!</a> 
 
<div>This is not visible!</div>

Answer 2

a[href="#"] + div { 
display: block; 
} 
a[href=""] + div{ 
display: none; 
} 


<a href="#"></a> 
<div></div> 

CSSは、タグ

Answer 3

のhref

.common { 
 
    width:300px; 
 
    height:300px; 
 
    float:left; 
 
} 
 
a[href="#one"] + div { 
 
    background:#000; 
 
} 
 
a[href="#two"] div { 
 
    background:red; 
 
}

<a href="#one">one</a> 
 
<div class="common"></div> 
 
<a href="#two"><div class="common"></div></a>

Answer 4

そしてdivが<a>に含まれていない場合の例を試すに応じて適用されますあなたは、このようにそれを行うことができます。

a[href=""]:hover + div { 
    display:none; 
} 

aのようなインライン要素にdivなどのブロック要素を配置すると、XHTMLが検証されないため、これを意味すると思います。