epubcsstest_voyager を更新。Kinoppyでの誤判定が起きないようにした

jagat-xpub · Dec 7, 2023 · 4874601 · 4874601
1 parent d45e73a
commit 4874601
Show file tree

Hide file tree

Showing 7 changed files with 59 additions and 12 deletions.
diff --git a/epub-exp/epubcsstest_voyager/item/xhtml/p-001-css-conditional-3.xhtml b/epub-exp/epubcsstest_voyager/item/xhtml/p-001-css-conditional-3.xhtml
@@ -13,6 +13,13 @@
     color: black;
   }
 }
+
+@supports (unknownprop: 0) {
+  #at-supports .OK {
+    color: white;
+  }
+}
+
 </style>
 </head>
 <body>

diff --git a/epub-exp/epubcsstest_voyager/item/xhtml/p-002-selectors-3.xhtml b/epub-exp/epubcsstest_voyager/item/xhtml/p-002-selectors-3.xhtml
@@ -62,12 +62,18 @@
 #pseudo-elements .fln .OK::first-line {
   color: black;
 }
+#pseudo-elements .fln .OK::unknownpseudo {
+  color: white;
+}
 #pseudo-elements .flt .OK span {
   display: block;
 }
 #pseudo-elements .flt .OK span::first-letter {
   color: black;
 }
+#pseudo-elements .flt .OK span::unknownpseudo {
+  color: white;
+}
 #pseudo-elements .bf .OK::before {
   content: "OK";
   color: black;
@@ -80,12 +86,18 @@
 #pseudo-elements .fln1 .OK:first-line {
   color: black;
 }
+#pseudo-elements .fln1 .OK:unknownpseudo {
+  color: white;
+}
 #pseudo-elements .flt1 .OK span {
   display: block;
 }
 #pseudo-elements .flt1 .OK span:first-letter {
   color: black;
 }
+#pseudo-elements .flt1 .OK span.OK::unknownpseudo {
+  color: white;
+}
 #pseudo-elements .bf1 .OK:before {
   content: "OK";
   color: black;
@@ -152,18 +164,38 @@
   </section>
   <section id="pseudo-elements">
     <h2 id="toc-D22B496F3A22476F9C3FD5FE5C2A4350">::first-line, ::first-letter, ::before, ::after 擬似要素</h2>
+    <h3>::first-line</h3>
+    <ul>
+      <li class="fln"><div class="OK">OK<br/>ではなくてNG</div></li>
+    </ul>
+    <h3>::first-letter</h3>
     <ul>
-      <li class="fln">・<div class="OK">OK</div></li>
-      <li class="flt">・<div class="OK"><span>O</span><span>K</span></div></li>
-      <li class="bf">・<div class="OK"></div></li>
-      <li class="af">・<div class="OK"></div></li>
+      <li class="flt"><div class="OK"><span>O</span><span>KではなくてNG</span></div></li>
+    </ul>
+    <h3>::before</h3>
+    <ul>
+      <li class="bf"><div class="OK">・</div></li>
+    </ul>
+    <h3>::after</h3>
+    <ul>
+      <li class="af"><div class="OK">・</div></li>
     </ul>
     <h3>参考に、コロン1つの形式 :first-line, :first-letter, :before, :after 擬似要素</h3>
+    <h4>:first-line</h4>
+    <ul>
+      <li class="fln1"><div class="OK">OK<br/>ではなくてNG</div></li>
+    </ul>
+    <h4>:first-letter</h4>
+    <ul>
+      <li class="flt1"><div class="OK"><span>O</span><span>KではなくてNG</span></div></li>
+    </ul>
+    <h4>:before</h4>
+    <ul>
+      <li class="bf1"><div class="OK">・</div></li>
+    </ul>
+    <h4>:after</h4>
     <ul>
-      <li class="fln1">・<div class="OK">OK</div></li>
-      <li class="flt1">・<div class="OK"><span>O</span><span>K</span></div></li>
-      <li class="bf1">・<div class="OK"></div></li>
-      <li class="af1">・<div class="OK"></div></li>
+      <li class="af1"><div class="OK">・</div></li>
     </ul>
     <section id="subsequent">
       <h2 id="toc-65224E930BF142B3ADFF67A2AB72073B">後続兄弟結合子 <code>E ~ F</code></h2>

diff --git a/epub-exp/epubcsstest_voyager/item/xhtml/p-004-css-values-3.xhtml b/epub-exp/epubcsstest_voyager/item/xhtml/p-004-css-values-3.xhtml
@@ -23,9 +23,6 @@
 #length-units .vw .OK {
   width: 10vw;
 }
-#length-units .vw .OK {
-  width: 10vw;
-}
 #length-units .vh .OK {
   width: 10vh;
 }

diff --git a/epub-exp/epubcsstest_voyager/item/xhtml/p-016-compositing-1.xhtml b/epub-exp/epubcsstest_voyager/item/xhtml/p-016-compositing-1.xhtml
@@ -58,7 +58,7 @@
       </div>
     </div>
     <ul>
-      <li>・上の2つの顔の画像が同じならOK</li>
+      <li>・上の2つの顔の画像が同じならOK（ただし、mix-blend-mode プロパティがNGの場合は無効）</li>
     </ul>
   </section>
   <section id="background-blend-mode">

diff --git a/epub-exp/epubcsstest_voyager/item/xhtml/p-024-css-conditional-4.xhtml b/epub-exp/epubcsstest_voyager/item/xhtml/p-024-css-conditional-4.xhtml
@@ -13,6 +13,12 @@
     color: black;
   }
 }
+
+@supports selector(:::unknownselector) {
+  #at-supports-selector .OK {
+    color: white;
+  }
+}
 </style>
 </head>
 <body>

diff --git a/epub-exp/epubcsstest_voyager/item/xhtml/p-025-css-cascade-5.xhtml b/epub-exp/epubcsstest_voyager/item/xhtml/p-025-css-cascade-5.xhtml
@@ -12,6 +12,11 @@
     color: black !important;
   }
 }
+@layer :invalidlayer {
+  #at-layer .OK {
+    color: white !important;
+  }
+}
 </style>
 </head>
 <body>

diff --git a/epub/epubcsstest_voyager.epub b/epub/epubcsstest_voyager.epub