欢迎光临
我们一直在努力

CSS中如何实现复合选择器

这篇文章主要介绍了CSS中如何实现复合选择器,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

复合选择器根据元素的名称、id、类名,使符合条件的元素共同拥有样式;各选择器条件要以分号(,)隔开。

语法: h3 , #subid , .subclass {color:blue;}

代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

#box,.mytitle,input{

color:blue;

}

</style>

</head>

<body>

<div id="box">我是内容部分</div>

<h3 class="mytitle">我是2级标题</h3>

<h4 class="mytitle">我是3级标题</h4>

<h4>我是3级标题</h4>

<input type="button" value="按钮" />

<input type="button" value="按钮" />

</body>

</html>

感谢你能够认真阅读完这篇文章,希望小编分享的“CSS中如何实现复合选择器”这篇文章对大家有帮助,同时也希望大家多多支持云搜网,关注云搜网行业资讯频道,更多相关知识等着你来学习!

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。