举例讲解CSS的子元素选择器用法

2023-01-02 11:45:29 互联网

炎热的夏天过去了，凉爽的秋天来了。它是一个收获的季节，也是各种水果最多的时候，红艳艳的苹果扒开绿叶往外瞧；小红灯笼似的枣子挂满枝头；像紫玛瑙的葡萄一串串地挂在葡萄架下，真迷人呀！

基础子元素选择器只能一级一级向下寻找，不能跨越

HTML代码：

XML/HTML Code复制内容到剪贴板

<p>
thisismy<strong><i>w</i>eb</strong>page.
</p>

CSS代码：

CSS Code复制内容到剪贴板

p>strong{color:purple;}p>strong>i{font-size:50px;}

1、与后代选择器相比，子元素选择器只能选择作为某元素子元素的元素。

2、子元素选择器使用大于号">"做为连接符。

示例1：

XML/HTML Code复制内容到剪贴板

<html>
<head>
<styletype="text/css">
h1>strong{
color:red;
}
</style>
</head>
<body>
<h1>Thisis<strong>very</strong><strong>very</strong>important.</h1>
<h1>Thisis<em>really<strong>very</strong></em>important.</h1>
</body>
</html>

示例2

XML/HTML Code复制内容到剪贴板

<html>
<head>
<styletype="text/css">
table.companytd>p{
color:red;
}
</style>
</head>
<body>
<tableclass='company'>
<tr>
<td>
<p>hello</p>
</td>
</tr>
</table>
<table>
<tr>
<td>
<p>world</p>
</td>
</tr>
</table>
</body>
</html>

以上就是举例讲解CSS的子元素选择器用法。当你放下面子对老婆好的的时候，说明你已经成为一个真正的男人了。当你给足老婆面子的时候，说明你已经成功了。当你老婆什么时候都会给你面子的时候，说明你已经是人物了。当你还停留在那里自私、耍横，啥也给不了老婆，只知道以自我为中心的时候，说明你这辈子也就这样了。更多关于举例讲解CSS的子元素选择器用法请关注haodaima.com其它相关文章！

全站频道

大家都在搜索：

举例讲解CSS的子元素选择器用法