一、关系选择器
后代选择器：只要是这个元素的后代，样式都会发生变化，div下面的所有h1标签样式都会改变
关系选择器：子代选择器，只改变子标签的样式
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title>
<style type="text/css">
/*后代选择器：只要是这个元素的后代，样式都会发生变化
div下面的所有h1标签样式都会改变*/
div h1{
color: gold;
}
/*关系选择器：子代选择器
只改变子标签的样式*/
div>h1{
color: royalblue;
}
style>
head>
<body>
<div>
<h1>富强h1>
<h1>民主h1>
<h1>文明h1>
<h1>和谐h1>
<h1>自由h1>
<span>
<h1>平等h1>
<h1>公正h1>
<h1>法制h1>
<h1>爱国h1>
<h1>敬业h1>
span>
div>
body>
html>
二、属性选择器
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title>
<style type="text/css">
/*属性选择器*/
input[type="password"]{
background-color: red;
}
input[type="text"][value="kb1"]{
background-color: yellow;
}
style>
head>
<body>
<form>
用户名1：<input type="text" value="kb1" /><br />
用户名2：<input type="text" value="kb2" /><br />
密 码：<input type="password" value="123123" /><br />
<input type="submit" value="登录" />
form>
body>
html>
效果展示
三、伪类选择器
一般伪类选择器都用在超链接上：
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title>
<style type="text/css">
a:link{
color: royalblue;
}
a:hover{
color: black;
}
style>
head>
<body>
<a href="index.html">超链接a>
body>
html>
C#正则表达式去除网页标签的id class style
要从HTML中去除所有标签的id、class和style属性，你可以使用正则表达式来实现。以下是一个简单的示例：
using System;
using System.Text.RegularExpressions;
class Program
{
static void Main()
{
string htmlContent = "This is some content.";
// 去除id、class和style属性
string result = RemoveAttributes(htmlContent);
Console.WriteLine(result);
}
static string RemoveAttributes(string html)
{
// 匹配标签及其属性
string pattern = @"<(\w+)(?:\s+[^>]*)?>";
// 替换匹配到的标签
string result = Regex.Replace(html, pattern, m =>
{
string tag = m.Groups[1].Value;
return $"<{tag}>";
});
return result;
}
}
在这个示例中，我们使用了正则表达式]*)?>来匹配HTML标签及其属性。这个正则表达式的含义是：
，(?: ... )表示非捕获组，?表示该组出现零次或一次。
在RemoveAttributes方法中，我们使用Regex.Replace方法将匹配到的标签替换为相同的标签名称，从而达到去除id、class和style属性的目的。
