分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

css选择器有哪些

发布时间:2023-09-06 02:02责任编辑:赖小花关键词:选择器

css的选择器是还是比较富的,主要的css选择器如下: 

  1. 标签选择器(如:body,div,p,ul,li)

  2. .类选择器(如:class="head",class="head_logo") 

  3. ID选择器(如:id="name",id="name_txt")

  4. 全局选择器(如:*号)

  5. .组合选择器(如:.head .head_logo,注意两选择器用空格键分开)

  6. .继承选择器(如:div p,注意两选择器用空格键分开)

  7. 伪类选择器(如:就是链接样式,a元素的伪类,4种不同的状态:link、visited、active、hover。)

  8. 字符串匹配的属性选择符(^ $ *三种,分别对应开始、结尾、包含) 

以上选择器在日常开发中最常用的就是标签选择器、类选择器和id选择器,下面是这三种选择器的基本用法:

1、标签名选择器 
一个XHTML文档中有许多标签,例如p标签,h1标签等。若要使文档中的所有p标签都使用同一个CSS样式,就应使用标签选择器。

div {color:red;border:1px blue solid;} p {color:#000;}

  

2、类选择器 
使用标签选择器可以为整个XHTML文档中的同一个标签指定相同的CSS样式。但是在实际运用中,XHTML文档中的同一个标签会被反复使用。若要为相同的标签赋予不同的CSS样式就应使用类选择器。

<div class="test">测试代码</div> .test {color:red;border:1px blue solid;}

  

3、id选择器,id选择器是唯一的,只可以获取独一无二的一个元素。

<div id="test">测试代码</div> #test {color:red;border:1px blue solid;}

  

css选择器有哪些

原文地址:https://www.cnblogs.com/qingkun/p/9263206.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved