CSS3(以下简称C3)是一种用于屏幕上渲染html,xml的一种语言,C3主要是在相应的元素中应用样式,来渲染相对应用的元素,那么这样我们选择相应的元素就很重要了,如何选择对应的元素,此时就需要我们所说的选择器。选择器主要是用来确定html的树形结构中的DOM元素节点。C3选择器分开成4部分,第一部分是我们常用的部分,叫做基本选择器;第二部分是层次选择器;第三部分是属性选择器;第四部分是伪类选择器,这一部分也是最难理解和掌握的部分。
一、基本选择器
二、层次选择器
三、属性选择器
示例1:
- <style>
- p {height: 30px;border: 1px solid #000;}
- p[cat] {background: red;}
- </style>
- </head>
- <body>
- <p cat="leo">leo</p>
- <p