css选择器

最新推荐文章于 2022-03-31 17:07:06 发布

Robin程序员

最新推荐文章于 2022-03-31 17:07:06 发布

阅读量184

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/u010650631/article/details/79912379

前端专栏收录该内容

1 篇文章

订阅专栏

CSS3 选择器
在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。
“CSS” 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。）
这里写图片描述

<!DOCTYPE >
<html>
<head>
<style type="text/css"> 
#idme{
    color: aqua;
}
li +li{
    color: blue;
}
div>ul>li{
    color: blueviolet;

}

ol li{
    color: brown;

}
span+span{
    color: cadetblue;
}
a[href="123.html"]{
    color: chartreuse;
}

</style>
</head>
<body>
<p id="idme"></p>
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
<div>
    <ul>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>
</div>

<ol>
    <li>7</li>
    <li>8</li>
    <li>9</li>
</ol>

<div>
    <a href="123.html">10</a>
    <a href="1234.html">11</a>
    <a >12</a>
</div>

</body>
</html>