这篇文章主要介绍“css选择符类型有哪些”,在日常操作中,相信很多人在css选择符类型有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css选择符类型有哪些”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
专注于为中小企业提供成都网站制作、成都网站建设、外贸营销网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业舞阳免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了成百上千企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
一、标签选择符:针对某一类标签,可以以标签作为选择符
代码如下:
0.5秒三分绝杀!波特兰上演波什时刻 第N次拯救热火
热火今夜还一功臣必须赞 11分不多但却分分是金!
詹波为小弟恶犯叫屈 当事人他都起飞了!肯定假摔
斯帅称客战开拓者奥登不打 波什:他很快就可复出
二、类选择符:通过类选择符定义一个样式,需要改样式的元素就在该元素内通过class属性将该样式添加到该元素中定义类名的时候数字不要开头,起名的时候最好要有意义,可以同时给某个元素应用多个类格式:class="类1 类2"(类与类之间用空格隔开)
代码如下:
0.5秒三分绝杀!波特兰上演波什时刻 第N次拯救热火
热火今夜还一功臣必须赞 11分不多但却分分是金!
詹波为小弟恶犯叫屈 当事人他都起飞了!肯定假摔
斯帅称客战开拓者奥登不打 波什:他很快就可复出
三、ID选择符:只想针对某一个元素进行控制,与类基本相似,只是以英文"#"开头,因为ID具有唯一性,所以在网页中只能出现一次定义id的时候数字不要开头,起名最好要有意义
代码如下:
四、包含(派生)选择符:(选择符的嵌套使用,针对某个元素中的子元素进行控制,就可以使用该方法,这样就可以不用id或者类选择符,代码可以简洁
语法:e1 e2{属性:属性值}(e1是父元素,e2是子元素)
代码如下:
0.5秒三分绝杀!波特兰上演波什时刻 第N次拯救热火
热火今夜还一功臣必须赞 11分不多但却分分是金!
詹波为小弟恶犯叫屈 当事人他都起飞了!肯定假摔
五、通配选择符:*{属性:属性值} 可以控制所有的html元素作用范围很广,但是效率较低(工作中慎用)
代码如下:
0.5秒三分绝杀!波特兰上演波什时刻 第N次拯救热火
热火今夜还一功臣必须赞 11分不多但却分分是金!
詹波为小弟恶犯叫屈 当事人他都起飞了!肯定假摔
六、选择符分组(集体控制):将同样的样式用于多个选择符,选择符之间用逗号隔开
语法:选择符1,选择符2,选择符3{属性:属性值}
代码如下:
0.5秒三分绝杀!波特兰上演波什时刻 第N次拯救热火
热火今夜还一功臣必须赞 11分不多但却分分是金!
詹波为小弟恶犯叫屈 当事人他都起飞了!肯定假摔
七、标签指定式选择符:想用id或class的同时还想用标签选择符
语法:p#one(注意这里不用空格和任何分隔符)表示针对id为one的p标签
h2.p1表示针对class为p1的h2标签
代码如下:
0.5秒三分绝杀!波特兰上演波什时刻 第N次拯救热火
热火今夜还一功臣必须赞 11分不多但却分分是金!
詹波为小弟恶犯叫屈 当事人他都起飞了!肯定假摔
八、组合选择符:将所有选择符类型组合使用
到此,关于“css选择符类型有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!