css中大于符号指的是什么

发布时间：2020-12-11 09:51:33 作者：小新
来源：亿速云阅读：331

小编给大家分享一下css中大于符号指的是什么，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

css中大于符号是css3特有的子元素选择器，子元素选择器只能选择作为某元素子元素的元素，其语法如“h2 > strong {color:red;}”。

css中大于符号（“>”）代表的是css3特有的子元素选择器（element>element ）。子元素选择器（Child selectors）只能选择作为某元素子元素的元素。

如果你不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child selector）。

例如，如果您希望选择只作为 h2 元素子元素的 strong 元素，可以这样写：

h2 > strong {color:red;}

这个规则会把第一个 h2 下面的两个 strong 元素变为红色，但是第二个 h2 中的 strong 不受影响：

示例：

<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
h2 > strong {color:red;}
</style>
</head>
<body>
<h2>This is <strong>very</strong> <strong>very</strong> important.</h2>
<h2>This is <em>really <strong>very</strong></em> important.</h2>
</body>
</html>

css 子元素选择器

element>element 选择器用于选择特定父元素。

注意：元素没有被选中是不能直接指定父级的子元素。

子选择器使用了大于号（子结合符）。

子结合符两边可以有空白符，这是可选的。因此，以下写法都没有问题：

h2 > strong
h2> strong
h2 >strong
h2>strong

如果从右向左读，选择器 h2 > strong 可以解释为“选择作为 h2 元素子元素的所有 strong 元素”。

以上是“css中大于符号指的是什么”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！

css中大于符号指的是什么

相关阅读