CSS选择器有哪些？CSS选择器优先级判定

选择器就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器（标签本身就是封装数据的容器）。

@CHARSET "UTF-8";
 /*css中选择器有很多种，第一种就是最基本的元素选择器（又称类型选择器）。
 *文档的元素就是最基本的选择器。
 *如果设置 HTML 的样式，选择器通常将是某个 HTML 元素，
 * 比如 p、h1、em、a，甚至可以是 html 本身：
 */
 h2{
 color:blue;
 }
 
 /*第二种选择器： 类样式选择器 */
 /*对所有 "aa"类样式进行设置
\t .aa{
\t background-color: #00FF00;
\t }
\t */
\t 
\t /*仅仅是对p中的"aa"类样式进行设置*/
\t p.aa{
\t background-color: #00FF00;
\t }
\t .bb{
\t background-color: #004444; 
\t }
\t 
\t /*第三种选择器 id选择器 
\t *ID 选择器允许以一种独立于文档元素的方式来指定样式。
 *在某些方面，ID 选择器类似于类选择器，不过也有一些重要差别。
\t */
\t 
\t /*id选择器*/
\t #d1{
\t background-color: #0000FF;
\t }
\t 
\t 
\t /*其他选择器*/
\t 
\t /*1.关联选择器*/
\t p span{/*选择p标签容器中的span*/
\t font-size:20pt;
\t }
\t 
\t /*2.组合选择器*/
\t p span，.c,#d1{
\t color:red;
\t }
\t 
\t /*3.伪元素选择器*/
\t /*CSS 伪元素用于向某些选择器设置特殊效果。*/
\t span:HOVER {
\t background-color:#FFFF00;
\t font-size: 20pt;
\t cursor: pointer;
\t\t }
\t\t 
\t a{
\t\t text-decoration: none;
\t\t }
\t\t 
\t /*L-V-H-A*/
\t a:link{
\t\t color: red;
\t\t font-size: 12pt;
\t\t }
\t\t a:visited{
\t\t color:blue;
\t\t font-size: 16pt;
\t\t }
\t\t a:hover{
\t\t background-color: #00FF00;
\t\t font-size:20pt;
\t\t }
\t\t a:active{
\t\t color:#FFFF00;
\t\t }
\t\t 
\t\t input:focus{
\t\t background-color: #00FFFF;
\t\t }
\t\t 
\t\t /*星号选择器，选择所有*/
\t\t *{
\t\t text-decoration: underline;
\t\t }
\t\t 
\t\t /*属性选择器,所有具有type属性的元素*/
\t\t [type]{
\t\t margin: 10px;
\t\t }
\t\t /*具有name属性且属性值为'math'*/
\t\t [name="math"]{
\t\t background-color: #0ff;
\t\t }
\t\t 
\t\t a[href="http://www.w3school.com.cn/"][title="W3School"] {
\t\t color: red;
\t\t }
\t\t 
\t\t /* 关联选择器---后代 */
\t\t h1 em{
\t\t color: red;
\t\t }
\t\t 
\t\t /*子元素选择器---儿子*/
\t\t p > em{
\t\t color: blue;
\t\t }
\t\t 
\t\t /*相邻元素选择器---后续兄弟*/
\t\t li + li {
\t\t font-weight:bold;
\t\t }\t\t

相关文章：

css 类选择器和id选择器

CSS选择器整理

相关视频：

类选择器-2016年新课程体系html+css视频

以上就是CSS选择器有哪些？CSS选择器优先级判定的详细内容，更多请关注其它相关文章！

更多技巧请《转发 + 关注》哦！