重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要介绍“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选择符类型有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!