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

互联网 18-7-28
选择器就是指定CSS要作用的标签,那个标签的名称就是选择器。意为:选择哪个容器(标签本身就是封装数据的容器)。

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

相关文章:

css 类选择器和id选择器

CSS选择器整理

相关视频:

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

以上就是CSS选择器有哪些?CSS选择器优先级判定的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: CSS选择器
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:疑惑解答: CSS中背景图片的background-position属性问题

相关资讯