CSS サブセレクター (6)_html/css_WEB-ITnose-htmlチュートリアル-php.cn

CSS サブセレクター (6)_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:46:20

オリジナル

1303 人が閲覧しました

1. サブセレクター

サブセレクターの前後の部分は大なり記号で区切られており、構造的には親子関係になります。

子セレクターは、左側のセレクターで指定された親要素に基づいて、親要素の下の右側のセレクターに一致する子要素を検索します。

2 番目の簡単な例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>子选择器</title><link type="text/css" rel="stylesheet" href="css/demo5.css"/></head><body><div>  <p>这是个段落   <a href="#">这是超连接</a>   </p></div></body></html>

ログイン後にコピー

@charset "utf-8";/* CSS Document *//*设置div下的p元素的样式*/div>p{    font-size:14px;    color:#0000FF;    }/*设置p元素下的a元素的样式*/p>a{    font-size:16px;    color:#FF0000;    text-decoration:none;}/*错误的写法 div 与a不是父子关系时，是取不到的*/div>a{    font-size:20px;    color:#FF0000;    text-decoration:none;}

ログイン後にコピー

通常、親子関係の影響を避けるために、包含選択を使用することはほとんどありません

以下の記述にはセレクターが含まれています。 ❤️