列举css常见的八种选择器(css中不需要声明选择器的是)
老铁们,大家好,相信还有很多朋友对于列举css常见的八种选择器和css中不需要声明选择器的是的相关问题不太懂,没关系,今天就由我来为大家分享分享列举css常见的八种选择器以及css中不需要声明选择器的是的问题,文章篇幅可能偏长,希望可以帮助到大家,下面一起来看看吧!
css样式有哪几种选择器
CSS选择器、优先级与匹配原理\x0d\x0a1.id选择器(#myid)2.类选择器(.myclassname)3.标签选择器(div,h1,p)4.相邻选择器(h1+p)5.子选择器(ul< li)6.后代选择器(li a)7.通配符选择器(*)8.属性选择器(a[rel="external"])9.伪类选择器(a:hover,li:nth-child)\x0d\x0a其中ID选择器的效率是最高,而伪类选择器的效率则是最低\x0d\x0a\x0d\x0aCSS的权重\x0d\x0a\x0d\x0a1.通配选择符的权值 0,0,0,0\x0d\x0a2.标签的权值为 0,0,0,1\x0d\x0a3.类的权值为 0,0,1,0\x0d\x0a4.属性选择的权值为 0,0,1,0\x0d\x0a5.伪类选择的权值为 0,0,1,0\x0d\x0a6.伪对象选择的权值为 0,0,0,1\x0d\x0a7.ID的权值为 0,1,0,0\x0d\x0a8.important的权值为最高 1,0,0,0\x0d\x0a使用规则:选择器的权值加到一起,大的优先;如果权值相同,后定义的优先。\x0d\x0a从上面我们可以得出两个关键的因素:\x0d\x0a1.权值的大小跟选择器的类型和数量有关\x0d\x0a2.样式的优先级跟样式的定义顺序有关
css选择器有哪些
1、类别选择器
2、标签选择器
3、ID选择器
4、后代选择器
5、子选择器
6、伪类选择器
7、通用选择器
8、群组选择器
9、相邻同胞选择器
10、属性选择器
扩展资料:
一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样式,(在大环境中你可能处于不同的位置,
但是不管怎么样,你总是穿着同一套衣服,这件衣服就是由标签选择器事先给你限定好的,不管走到哪里都是这身衣服)比如,在style.css文件中对p标签样式的声明
参考资料百度百科-css选择器
CSS的几种选择器麻烦告诉我
:
标记选择器:定义html或者xhtml标签的通用CSS样式,定义语句前无前缀。例如:<style>h1{ color:red}</style><h1>This is test.</h1>
类别选择器:通过定义单独的class来定义对应样式,定义语句前缀为'.'。例如:<style>
.red{ color:red}</style><p class="red">xxxxxx</p>
ID选择器:通过对应html元素的标签ID来定义对应样式,定义语句前缀为'#'。例如:<style>#firstPar{ color:red}</style><p id="firstPar">xxxxxx</p>复合选择器:另外,可以通过这几种选择器组合定义复合选择器,例如:<style>p{ color:red
} p.firstPar{ color:blue
}.firstPar{ color:green}</style><p>普通段落</p>
<p class="firstPar">第一段</p>
<h1 class="firstPar">第一段标题</h1>全局选择器:如果想要一个页面中所有html标记使用同一种样式,可以定义一种全局选择器:'*'。例如:<style>*{ color:red; font-size:10px}</style><p>普通段落</p>
<p>第一段</p>
<h1>第一段标题</h1>后代选择器:可以通过嵌套的方式,对特殊位置的html标记进行声明。后代选择器的写法就是把外层的标记写在前面,内层的标记写在后面,之间用空格分隔。当标记发生嵌套时,内层的标记就成为外层标记的后代。
OK,关于列举css常见的八种选择器和css中不需要声明选择器的是的内容到此结束了,希望对大家有所帮助。